Code quảng cáo trươt 2 bên web
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (76.89 KB, 4 trang )
Đoạn code quảng cáo trượt 2 bên.
Chắc hẳn khi lướt web các bạn đã không ít lần thấy các banner trượt 2 bên của trang web,
Điều này không những làm cho trang web được đẹp hơn nó còn đem lại tính chuyên
nghiệp cho trang web của bạn nữa. Đối với các trang web lớn thì những vị trí quảng cáo
hai bên chi phí là rất cao. Vì nó luôn luôn xuất hiện và mọi người đều có thể nhìn thấy ở
bất cứ đâu trong trang web. Nhân tiện làm cái project 3 của NIIT q4 mình post cách làm
quang cáo truotj 2 bên cho các bạn tham khảo.
Trước hết hãy copy đoạn code sau và lưu lại với đuôi là . js chẳng hạn đặt file có tên là
quangcao.js: Còn nếu không muốn tạo riêng 1 file khác thì copy toàn bộ đoạn đó rồi đưa
vào trong thẻ <head> đoạn script </head>
<script language=”javascript”>
var adRWidth=110;
var adLWidth=1002;
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 < 980)
{
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 = 3 } else { startY = 10 };
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 < 980)
{
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 = 3 } else { startY2 = 10 };
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>
sau đó bạn copy đoạn code sau và đưa vào trong trang bạn muốn hiển thị quảng cáo , Nếu
là file HTML thì đặt nó vào giữa thẻ <body></body> , nếu là file php thì đặt trên cùng
hay bên dưới đều được.
<!–Phần cho bên trái–>
<DIV id=divAdLeft style=’LEFT: 1px; WIDTH: 110px; POSITION: absolute; TOP:
71px’>
<a href=”” target=”_blank”>
<IMG hspace=0 </a>
</DIV>
<!–Phần cho bên phải–>
<DIV id=divAdRight style=’LEFT: 892px; WIDTH: 110px; POSITION: absolute; TOP:
71px’>
<a href=”” target=”_blank”>
<IMG hspace=0 src=’link đến ảnh’ width=110 border=0>
</a>
</DIV>
<div align=”center”>
</div>
* đoạn script bên dưới thì đưa vào trong <head></head>
<SCRIPT src=”quangcao.js” type=text/javascript></SCRIPT>
Thật đơn giản phải không? Chúc bạn thành công và đừng quên nhận xét để mọi người có
thể rút kinh nghiệm.
