[Cải tiến] Script banner quảng cáo trượt 2 bên

Đây là code banner trượt phiên bản cải tiến từ sản phẩm trước của Code1k.com. Ở phiên bản này, 2 banner sẽ tự động được ẩn đi nếu kích thước màn hình là 800x600px để tránh che khuất các thành phần khác khi trình duyệt quá nhỏ. Cải tiến thêm tính năng tự động canh lề với mép trên của trình duyệt, nhằm hạn chế che khuất Menu đối với các trang web có sử dụng Menu Trên Cùng.

demo: http://www.geocities.jp/code1kcom/de...uot-2-ben.html

<div id="code1k-left" style="left: -110px; position: absolute; top: 71px; width: 0px;" align="right">
<a href="http://www.code1k.com/" target="blank"><img border="0" width="100" src="http://1.bp.blogspot.com/-Kz6dzWv6CBc/T-cT94ESXYI/AAAAAAAAIkI/2H6UpC3Vv3k/s1600/banner1-code1k.com.gif" height="480alt="/></a></div>

<div id="code1k-right" style="left: -110px; position: absolute; top: 71px; width: 0px;">
<a href="http://www.code1k.com" target="blank"><img border="0" width="100" src="http://4.bp.blogspot.com/-RMcPizcdDOg/T-cT-fqlfSI/AAAAAAAAIkM/RPvmguLLToA/s1600/banner2-code1k.com.gif" height="480alt="/></a></div>

<script type="text/javascript">
//<![CDATA[
function FloatTopDiv()
{
startX = document.body.clientWidth - 110, startY = 71;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;

if (document.body.clientWidth < 980) startX = -110;
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 < 980)
{
ftlObj.x = - 115;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 > 71){startY = 3} else {startY = 71}; if (document.body.clientWidth >= 1024)
{
ftlObj.x = document.body.clientWidth - 110;ftlObj.y += (pY + startY - ftlObj.y)/32;ftlObj.sP(ftlObj.x, ftlObj.y);
}
else
{

ftlObj.x = startX;
ftlObj.y += (pY + startY - ftlObj.y)/32;
ftlObj.sP(ftlObj.x, ftlObj.y);
}
}
setTimeout("stayTopLeft()", 1);
}

ftlObj = ml("code1k-right");
stayTopLeft();

}
function FloatTopDiv2()
{
startX2 = document.body.clientWidth - 1004, startY2 = 71;
var ns2 = (navigator.appName.indexOf("Netscape") != -1);
var d2 = document;

if (document.body.clientWidth < 980) startX2 = -110;
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 < 980)
{
ftlObj2.x = - 115;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 > 71){startY2 = 3} else {startY2 = 71}; if (document.body.clientWidth >= 1024)
{
ftlObj2.x = 0;ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32; ftlObj2.sP(ftlObj2.x, ftlObj2.y);
}
else
{

ftlObj2.x = startX2;
ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
}
}
setTimeout("stayTopLeft2()", 1);
}

ftlObj2 = ml2("code1k-left");
stayTopLeft2();

}
function ShowAdDiv()
{
var objAdDivLeft = document.getElementById("code1k-left");
var objAdDivRight = document.getElementById("code1k-right");
if (document.body.clientWidth < 980)
{
objAdDivLeft.style.left = - 110;
objAdDivRight.style.left = - 110;
}

else
{
objAdDivLeft.style.left = 0;
objAdDivRight.style.left = document.body.clientWidth - 110;
}
FloatTopDiv();
FloatTopDiv2();
}
ShowAdDiv();
//]]>
</script>
<!-- Code1k.com -->