swiper的demo

<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> <!-- 如果需要分页器 --> <div class="swiper-pagination"></div> <!-- 如果需要导航按钮 --> <div class="swiper-button-prev"></div> <!-- 上一张 --> <div class="swiper-button-next"></diV><!-- 下一张 --> <!-- 如果需要滚动条 --> <diclass="swiper-scrollbar"></diV> </diclass='swwi'> </diclass='swwi'> //js代码： var swipers = new Swipers('.swwi',{ //这里是初始化Swipers的容器，可以是class或id，但最好是class。 loop : true, //设置是否循环显示（true/false）。 autoplay:3000, //自动切换的时间间隔 （单位ms）。如果为0则不自动播放。当设置autoplay:true时该参数无效。 pagination : '.pagination',// 这里是显示小圆圈的容器，也可以使用class或id.如”.pagination”、”#pagination”.当你不想显示小圆圈时请将此处留空即可。当你想使用图片作为小圆圈请看下方"使用图片作为小圆圈"部分的内容。如不想使用请留空即可。 paginationClickable :true,//此选项表示小圆圈是否能够被单击选中/取消选中手势来切换幻灯片(true/false) autoplayDisableOnInteraction : false,// 进行手势之后依然保留autoplay的特性(true/false) prevButton:'.button_prev',// 返回上一张幻灯片的容器 nextButton:'.button_next' ,//进入下一张幻