網頁右側的漂浮廣告代碼,隨滾動條滾動
HTML代碼(即需要漂浮的廣告): <div class="christmas_ad" style="width:155px; height:220px; position:absolute; top:250px; right:25px;"> <a href="javascript:void(0)" ><img src="/themes/mall/wowsai/topics/images/christmas_2012/christmasAcvance.png" border="0" /></a> </div>js代碼:前提是必須要引入jquery文件 <script type="text/javascript"> $(function(){
$(window).scroll(function(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop || 0; $(".christmas_ad").stop(); var scrollTop2 = (scrollTop+160) - $(".christmas_ad").position().top; if(scrollTop> 440){ $(".christmas_ad:not(:animated)").animate({top:"+="+scrollTop2+"px"},1000); }else{ $(".christmas_ad").css("top",370+"px"); } })
}) </script></pre>
本文由用戶 mmxn 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!