基于jquery實現網頁背景視差滾動代碼



70 276 93



特效描述:基于jquery實現 網頁背景 視差滾動,基于jquery實現網頁背景視差滾動代碼

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>

2. HTML代碼

<div class="box"></div>
<script type="text/javascript">
    $(function(){
        $(window).scroll(function(){
            var top = $(this).scrollTop();
            $(".box").css("backgroundPosition","right " + (150 + top*1.1) + "px,left " + (500 - top*0.00000000000001) + "px,960px " + (800 - top*1.3) + "px,800px " + (100 + top*1.8) + "px");
        });
    })
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 自動滾動圖片輪播 滾動切換 滾動條切換
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子