HTML结构
<div class="banner">
<!-- 添加图片 -->
<div class="move" id="move">
<ul>
<li><img src="images/a1.png" alt=""></li>
<li><img src="images/a2.png" alt=""></li>
<li><img src="images/a3.png" alt=""></li>
<li><img src="images/a4.png" alt=""></li>
<li><img src="images/a5.png" alt=""></li>
</ul>
</div>
<!-- 添加控制条 -->
<div class="ctrl" id="ctrl"></div>
</div>
JS调用
$('#banner1').myscroll({
picEl: $('#move'), //图片父级,不传默认为banner内第1个div
ctrlEl: $('#ctrl'), //控制条父级,包括小圆点和左右箭头,不传默认为banner内第2个div
libs: true, //是否创建底部小圆点,true || false,不传默认true
arrows: true, //是否创建左右箭头,true || false,不传默认true
autoPlay: true, //是否自动播放,true || false,不传默认true
time: 2000, //自动播放间隔时间,true || false,不传默认2000
speed: 400, //图片切换速度,不传默认400
effect: 'left' //轮播的改变方式 top || left || fade,不传默认left
});