1. Trang chủ
  2. » Giáo án - Bài giảng

Code quảng cáo trươt 2 bên web

4 519 1

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 4
Dung lượng 30 KB

Nội dung

Đ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=”http://thichnhac.com” 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=”http://thichnhac.com” 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. . startY2 = 10 }; if (document.body.clientWidth >= 1 024 ) { ftlObj2.x = 0; ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/8; ftlObj2.sP(ftlObj2.x, ftlObj2.y); } else { ftlObj2.x = startX2; ftlObj2.y. (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. 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

Ngày đăng: 01/07/2014, 10:00

TỪ KHÓA LIÊN QUAN

w