Chủ Nhật, 23 tháng 12, 2012



Sắp tới đây Việt Designer có nhận đặt banner quảng cáo chạy dọc bên hông của diễn đàn, và ban đầu mình đã tìm được đoạn code quảng cáo khá ưng ý, tuy nhiên vì có javascript nên nó chạy giựt giựt khá nhức mắt, và sau 1 hồi chỉnh sửa thì nó đã nằm im và chạy dọc rất êm ái :D

Tiện đây chia sẻ luôn đến các bạn hay làm web nhé, code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768x1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo.


Read more: http://forum.vietdesigner.net/threads/code-tao-banner-quang-cao-banner-chay-doc-2-ben-website.5812/#ixzz2FwhwPMGK

<div id="divAdRight" style="display: block; position: fixed; top: 0px;"> <a href="http://vietdesigner.net"><img src="https://dl.dropbox.com/u/41564288/120x600.jpg" width="125" /></a> </div> <div id="divAdLeft" style="display: block; position: fixed; top: 0px;"> <a href=" http://vietdesigner.net"><img src="https://dl.dropbox.com/u/41564288/120x600.jpg" width="125" /></a> </div> <script> function FloatTopDiv() { startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80; startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80; 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 + 'px';this.style.top=y + 'px';}; 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 + 'px';this.style.top=y + 'px';}; e2.x = startLX; e2.y = startLY; return e2; } window.stayTopLeft=function() { if (document.documentElement && document.documentElement.scrollTop) var pY = document.documentElement; else if (document.body) var pY = document.body; if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;}; 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"); //stayTopLeft(); ftlObj2 = m2("divAdLeft"); stayTopLeft(); } function ShowAdDiv() { var objAdDivRight = document.getElementById("divAdRight"); var objAdDivLeft = document.getElementById("divAdLeft"); if (document.body.clientWidth < 1000) { objAdDivRight.style.display = "none"; objAdDivLeft.style.display = "none"; } else { objAdDivRight.style.display = "block"; objAdDivLeft.style.display = "block"; FloatTopDiv(); } } </script> <script> document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>"); </script> 

Read more: http://forum.vietdesigner.net/threads/code-tao-banner-quang-cao-banner-chay-doc-2-ben-website.5812/#ixzz2FwhEcmQ8
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2013 Lương Thanh Tường
Liên Hệ : Luongthanhtuong24.6.1997@gmail.com
GoogleComments RSS
Chuyển Lên Trên
Chuyển Lên Trên