jQuery图片层叠加效果，左右按钮可切换大图，还支持索引按钮控制图片切换。
淘建站为您提供更多_图片代码_图片滑动_叠加_旋转，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 426 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
HTML
首先我们在滚动区域#scrolls放置多个图片：
<div id="scrolls" class="jcImgScroll">
<ul>
<li><a href="http://www.sucaiq.com/" path="images/01.jpg"></a></li>
<li><a href="http://www.sucaiq.com/" path="images/02.jpg"></a></li>
<li><a href="http://www.sucaiq.com/" path="images/03.jpg"></a></li>
......
</ul>
</div>接着我们引入jQuery库、jQuery-easing.js动画及jQuery-jcImgScroll.js插件：
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jQuery-easing.js"></script>
<script type="text/javascript" src="js/jQuery-jcImgScroll.js"></script>jQuery
$("#scrolls").jcImgScroll({ arrow: { width: 45, height: 400, x: 60, y: 0 }, width: 330,//设置图片宽度 height: 469,//设置图片高度 imgtop: 22,//每张图片的上下偏移量 imgleft: -10,//每张图片的左边偏移量 imgwidth: 30,//每张图片的宽度偏移量 imgheight: 44,//每张图片的高度偏移量 count: 9, offsetX: 60, NumBtn: false, title: false, setZoom: .8, });
