[CODE] Siêu cải tiến: script banner quảng cáo trượt 2 bên

Fri Jan 25, 2013 5:01 pm

Đây là đoạn mã cải tiến lần cuối của Code1k.com về hiệu ứng banner trượt dọc 2 bên website. Bổ sung tính năng cho phiên bản trước, phiên bản này 2 banner cũng sẽ tự động canh lề 2 bên nếu kích thước bề rộng trình duyệt lớn hơn 1024px để tránh tạo khoảng trống vô nghĩa trong website khi người dùng sử dụng máy tính có màn hình quá lớn.

Code:: <script type="text/javascript"> //<![CDATA[ function AdvTruotCode1k(){ if (document.body.clientWidth > 900){ document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://www.code1k.com' target='_blank' title=''><img border='0' src='http://1.bp.blogspot.com/-Kz6dzWv6CBc/T-cT94ESXYI/AAAAAAAAIkI/2H6UpC3Vv3k/s1600/banner1-code1k.com.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>"); } } function ShowLeftAdDiv(){ if (document.body.clientWidth > 900){ document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://www.code1k.com' target='_blank' title=''><img border='0' src='http://4.bp.blogspot.com/-RMcPizcdDOg/T-cT-fqlfSI/AAAAAAAAIkM/RPvmguLLToA/s1600/banner2-code1k.com.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>"); } } //]]> </script> <DIV id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script type="text/javascript">AdvTruotCode1k();</script></DIV> <DIV id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script type="text/javascript">ShowLeftAdDiv();</script></DIV> <script type="text/javascript"> //<![CDATA[ window.onresize=ShowAdDiv; function FloatTopDiv() { var ns = (navigator.appName.indexOf("Netscape") != -1); if(!ns) { startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0; startRX = ((document.body.clientWidth)/2) + 391 , startRY = 0; } else { startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0; startRX = ((document.body.clientWidth -775)/2) + 778 , startRY = 0; } var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startRX; el.y = startRY; return el; } function m2(id) { var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; e2.sP=function(x,y){this.style.left=x;this.style.top=y;}; e2.x = startLX; e2.y = startLY; return e2; } window.stayTopLeft=function() { if (document.documentElement && document.documentElement.scrollTop) var pY = document.documentElement.scrollTop; else if (document.body) var pY = document.body.scrollTop; if (document.body.scrollTop > 10){startLY = 10;startRY = 10;} else {startLY = 10;startRY = 10;}; ftlObj.y += (pY+startRY-ftlObj.y)/16; ftlObj.sP(ftlObj.x, ftlObj.y); ftlObj2.y += (pY+startLY-ftlObj2.y)/16; ftlObj2.sP(ftlObj2.x, ftlObj2.y); setTimeout("stayTopLeft()", 1); } ftlObj = ml("divAdRight"); ftlObj2 = m2("divAdLeft"); stayTopLeft(); } function ShowAdDiv() { var objAdDivRight = document.getElementById("divAdRight"); var objAdDivLeft = document.getElementById("divAdLeft"); if (document.body.clientWidth < 980) { objAdDivRight.style.display = "none"; objAdDivLeft.style.display = "none"; } else { objAdDivRight.style.display = "block"; objAdDivLeft.style.display = "block"; FloatTopDiv(); } } ShowAdDiv(); //]]> </script>

Nguồn: [You must be registered and logged in to see this link.]

Demo:

[You must be registered and logged in to see this link.]

[CODE] Siêu cải tiến: script banner quảng cáo trượt 2 bên Code1k.com-sieu-cai-tien-script-banner-quang-cao-truot-2-ben