jQuery移动鼠标图片左右晃动的图片立体展示插件

非常炫酷的效果,鼠标左右移动的时候,所有的图片都会向左或者向右晃动,给人立体的感觉. 这种效果只有亲身预览才有体会. 1、在head引入下面的文件:

<script src="http://www.5imoban.net/download/jquery/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.jparallax.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#parallax').jparallax({
        triggerExposesEdges:true,
        yparallax:false
    },{
        yparallax:false
    },{
        yparallax:false
    },{
        yparallax:false
    },{
        yparallax:false
    });

});
</script>

2、在body需要使用该特效的地方加入下面的html代码:

<div style="overflow:hidden;width:1260px;margin:0px auto;">
    <div id="parallax" class="clear">
        <div style="width:1137px;height:256px;">
            <img style="position:absolute;top:168px;left:100px;" alt="我爱模板网" src="images/p1.png" />
        </div>
        <div style="width:1020px;height:309ppx;">
            <img style="position:absolute;top:88px;left:40px;" alt="我爱模板网" src="images/p2.png" />
        </div>
        <div style="width:900px;height:470px;">
            <img style="position:absolute;top:8px;left:120px;" alt="我爱模板网" src="images/p3.png" />
        </div>
        <div style="width:750px;height:129px;">
            <img style="position:absolute;top:428px;left:10px;" alt="我爱模板网" src="images/p4.png" />
        </div>
    </div>
</div>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！