+ Banner ban đầu sát với lề trên của trình duyệt.
+ Tốc độ trượt mượt hơn.
+ Khi kích thước trình duyệt có chiều ngang nhỏ hơn 1024px, banner tự động biến mất để tránh che khuất các thành phần khác của giao diện.
+ Khi kích thước trình duyệt có chiều ngang lớn hơn 1024px, banner sẽ tự động canh lề & giữ khoảng cách với mép 2 bên trình duyệt để tránh gây ra khoảng trống vô nghĩa.
<!--Phần cho bên trái--> <div id="divAdLeft" style="LEFT: 1px; WIDTH: 110px; POSITION: absolute; TOP: 100px; z-index:200;"> <a href="http://www.24kho.com.vn" target="_blank"><img src="http://www.sctv.com.vn/FileUpload/BoxAd/1562011165628556.gif" /></a> </div> <!--Phần cho bên phải--> <div id="divAdRight" style="right:1px; WIDTH: 110px; POSITION: absolute; TOP: 100px; z-index:200;"> <a href="#" ><img src="http://www.sctv.com.vn/FileUpload/BoxAd/3062011172029806.gif" /></a> </div> <script type="text/javascript"> var adRWidth=116; var adLWidth=1000; function FloatTopDiv(){ startX = document.body.clientWidth - adRWidth, startY = -110; var ns = (navigator.appName.indexOf('Netscape') != -1); var d = document; if (document.body.clientWidth < 980) startX = - adRWidth; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y) { this.style.left=x;this.style.top=y; }; el.x = startX; el.y = startY; return el; } window.stayTopLeft=function() { if (document.body.clientWidth < 1024) { ftlObj.x = - adRWidth;ftlObj.y = 0; ftlObj.sP(ftlObj.x, ftlObj.y); } else { if (document.documentElement && document.documentElement.scrollTop) var pY = ns ? pageYOffset : document.documentElement.scrollTop; else if (document.body) var pY = ns ? pageYOffset : document.body.scrollTop; if (document.body.scrollTop > 10){ startY = 100 } else { startY = 100 }; if (document.body.clientWidth >= 1024) { ftlObj.x = document.body.clientWidth - adRWidth; ftlObj.y += (pY + startY - ftlObj.y)/8; ftlObj.sP(ftlObj.x, ftlObj.y); } else { ftlObj.x = startX; ftlObj.y += (pY + startY - ftlObj.y)/8; ftlObj.sP(ftlObj.x, ftlObj.y); } } setTimeout('stayTopLeft()', 1); } ftlObj = ml('divAdRight'); stayTopLeft(); } function FloatTopDiv2() { startX2 = document.body.clientWidth - adLWidth, startY2 = -100; var ns2 = (navigator.appName.indexOf('Netscape') != -1); var d2 = document; if (document.body.clientWidth < 980) startX2 = -adRWidth; function ml2(id) { var el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id]; if(d2.layers)el2.style=el2; el2.sP=function(x,y) { this.style.left=x;this.style.top=y; }; el2.x = startX2; el2.y = startY2; return el2; } window.stayTopLeft2=function() { if (document.body.clientWidth < 1024) { ftlObj2.x = - adRWidth;ftlObj2.y = 0; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } else { if (document.documentElement && document.documentElement.scrollTop) var pY2 = ns2 ? pageYOffset : document.documentElement.scrollTop; else if (document.body) var pY2 = ns2 ? pageYOffset : document.body.scrollTop; if (document.body.scrollTop > 10) { startY2 = 100 } else { startY2 = 100 }; if (document.body.clientWidth >= 1024) { ftlObj2.x = 0; ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } else { ftlObj2.x = startX2; ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } } setTimeout('stayTopLeft2()', 1); } ftlObj2 = ml2('divAdLeft'); stayTopLeft2(); } function ShowAdDiv() { var objAdDivLeft = document.getElementById('divAdLeft'); var objAdDivRight = document.getElementById('divAdRight'); if (document.body.clientWidth < 980) { objAdDivLeft.style.left = - adRWidth; objAdDivRight.style.left = - adRWidth; } else { objAdDivLeft.style.left = 0; objAdDivRight.style.left = document.body.clientWidth - adRWidth; FloatTopDiv(); FloatTopDiv2(); } } ShowAdDiv(); </script>
Save Lại.
Chúc bạn thành công.
