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 });

参数详细说明