網頁右側的漂浮廣告代碼,隨滾動條滾動

mmxn 9年前發布 | 3K 次閱讀 JavaScript

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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!