Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Nội dung ở trung tâm trang web
URL: https://www.javascriptbank.com/content-center.html
Bạn có thể dùng hiệu ứng này để canh lề cho nội dung trang web của mình sẽ xuất hiện ở trung tâm của trình duyệt. Đoạn mã sẽ dùng các thuộc tính screen.availWidth và screen.availHeight kiểm tra độ phân giải của màn hình ở máy khách để áp dụng hiệu ứng.
Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Nội dung ở trung tâm trang web
URL: https://www.javascriptbank.com/content-center.html
<script type="text/javascript"><!-- Begin// Created by: liveing sacrifice :: http://ls-design.forthelads.netfunction resize(){ var wide = window.screen.availWidth var high = window.screen.availHeight var maxh = 1024 // your max height here; enter 0 if not used var maxw = 768 // your max width here; enter 0 if not used var content = document.getElementById('content') content.style.position = 'absolute' if(maxh > 0 && high <= maxh) { content.style.height = high } if(maxw > 0 && wide <= maxw) { content.style.height = high } if(maxh > 0 && high > maxh) { content.style.height = maxh high = (high - maxh) / 2 content.style.top = high } if(maxw > 0 && wide > maxw) { content.style.width = maxw wide = (wide - maxw) / 2 content.style.left = wide } // Do not remove line below content.innerHTML = content.innerHTML + "<p>provided by: <a href='http://ls-design.forthelads.net'>liveing_sacrifice</a></p>"}//--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onLoad="resize()"><div id="content">All your content would go here.</div></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->