核心提示:视觉差滚动效果就是,滚动的时候图片有变化。可以完整的露出图片效果。我不会制作动图,简单结果如下		效果很简单只需要在图片p中添加如下代码:p class=banner keyan style=back...
       视觉差滚动效果就是,滚动的时候图片有变化。可以完整的露出图片效果。我不会制作动图,简单结果如下


效果很简单只需要在图片p中添加如下代码:
<p class="banner keyan" style="background: url(image/bg3.png) no-repeat 0px 0px; min-height: 440px; background-size:cover;" data-stellar-background-ratio="0.5">
并且引用js
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>  
    <script src="js/jquery.stellar.min.js"></script>  
同时写入js
 <script type='text/javascript'>  
//<![CDATA[ 
$(window).load(function(){ 
$.stellar({ 
    horizontalScrolling: false, 
    responsive: true 
}); 
});//]]>  
  
    </script>  
						


 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                