1.> Put below Jquery On Header Part Of Html Page With Reference Of Jquery min.
2.> Function : :
<script src="jquery.min.js"></script>
<script type="text/javascript">
function showViewPortSize() {
jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');
jQuery(window).resize(function () {
jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');
});
}
$(document).ready(function () {
showViewPortSize();
});
</script>
2.> Function : :
<script src="jquery.min.js"></script>
<script type="text/javascript">
function showViewPortSize() {
jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');
jQuery(window).resize(function () {
jQuery('body').prepend('<div id="viewportsize" style="z-index:9999;position:fixed;bottom:0px;left:0px;color:#000;background:#fff;padding:10px;width:100%;"><div style="width:50%;float:left;">Prepared By :</div><div style="width:50%;float:left;">Checked By :</div></div>');
});
}
$(document).ready(function () {
showViewPortSize();
});
</script>
No comments:
Post a Comment