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>
并没有发生任何事情......图片没有任何动作......没有想法?
答案 0 :(得分:0)
不幸的是,他的网站暂时没有更新,你可以从他的GitHub repo获得版本1.0,该版本适用于jQuery v1.7(编写本文时的最新版本)。