jquery css3網頁背景視差滾動效果代碼



83 329 110



特效描述:jquery css3 網頁背景視差 滾動效果代碼,讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗

代碼結構

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>



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


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

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子