HTML
首先我们在滚动区域#scrolls放置多个图片：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<div id="scrolls" class="jcImgScroll">
<ul>
<li><a href="https://jy.tp.yuanmeng.life/" path="images/01.jpg"></a></li>
<li><a href="https://jy.tp.yuanmeng.life/" path="images/02.jpg"></a></li>
<li><a href="https://jy.tp.yuanmeng.life/" 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, });
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
