jParallax麻烦

时间:2011-06-06 16:30:47

标签: javascript jquery

嘿大家好!我有这个插件的问题。我不知道这里有什么问题......我所做的与示例中的相同。

HTML

<div id="parallax"> 
    <div style="width: 830px; height: 280px;">  
        <img style="position:absolute; top:0px; left:350px;" alt="" src="images/smile1.png"/>  
    </div>  
    <div style="width: 800px; height: 250px;">  
        <img style="position:absolute; top:200px; left:0px;" alt="" src="images/smile1.png"/>  
    </div>  
    <div style="width: 1000px; height: 260px;">  
        <img style="position:absolute; top:100px; left:150px;" alt="" src="images/smile1.png"/>  
    </div> 
</div> 

CSS

#parallax { 
    background:#ccc;  
    position:absolute;  
    overflow:hidden; 
    width:700px;  
    height:300px;  
} 

JS

   <script type="text/javascript">  
   jQuery(document).ready(function(){ 
       jQuery('#parallax').jparallax({}); 
   }); 
   </script>  

并没有发生任何事情......图片没有任何动作......没有想法?

1 个答案:

答案 0 :(得分:0)

不幸的是,他的网站暂时没有更新,你可以从他的GitHub repo获得版本1.0,该版本适用于jQuery v1.7(编写本文时的最新版本)。

https://github.com/stephband/jparallax jParallax github