jQuery移动鼠标图片左右晃动的图片立体展示插件_图像特效_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

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

来源：未知作者：大小：大小： 0KB 点击次数：发布时间：2017-06-21 17:00:12 去下载去预览

特效介绍

jQuery立体图片

非常炫酷的效果,鼠标左右移动的时候,所有的图片都会向左或者向右晃动,给人立体的感觉. 这种效果只有亲身预览才有体会.

使用方法

1、在head引入下面的文件:

01<script src="http://www.5imoban.net/download/jquery/jquery-1.2.6.min.js" type="text/javascript"></script>
02<script src="js/jquery.jparallax.js" type="text/javascript"></script>
03<script type="text/javascript">
04$(document).ready(function(){
05    $('#parallax').jparallax({
06        triggerExposesEdges:true,
07        yparallax:false
08    },{
09        yparallax:false
10    },{
11        yparallax:false
12    },{
13        yparallax:false
14    },{
15        yparallax:false
16    });
17 
18});
19</script>

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

01<div style="overflow:hidden;width:1260px;margin:0px auto;">
02    <div id="parallax" class="clear">
03        <div style="width:1137px;height:256px;">
04            <img style="position:absolute;top:168px;left:100px;" alt="我爱模板网" src="images/p1.png" />
05        </div>
06        <div style="width:1020px;height:309ppx;">
07            <img style="position:absolute;top:88px;left:40px;" alt="我爱模板网" src="images/p2.png" />
08        </div>
09        <div style="width:900px;height:470px;">
10            <img style="position:absolute;top:8px;left:120px;" alt="我爱模板网" src="images/p3.png" />
11        </div>
12        <div style="width:750px;height:129px;">
13            <img style="position:absolute;top:428px;left:10px;" alt="我爱模板网" src="images/p4.png" />
14        </div>
15    </div>
16</div>