Đây là đoạn mã cải tiến lần cuối 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.
<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>
- Đăng nhập vào tài khoản Blogger
- Vào phần Thiết kế (Design) THÊM TIỆN ÍCH.
- Thêm 1 HTML/Javascript và thêm vào code . CHÚC THÀNH CÔNG.
- LƯU LẠI.
No comments:
Post a Comment