Swiper常用于移动端网站的内容触摸滑动
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
下载地址
API
初始化使用方法: HTML
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">slider1</div>
<div class="swiper-slide">slider2</div>
<div class="swiper-slide">slider3</div>
</div>
</div>
JS代码初始:
var mySwiper = new Swiper('.swiper-container', {
autoplay: true,//可选选项,自动滑动
})
功能
loop: true,=>//环路 轮播循环播放
autoplay: {
delay: 1000,//轮播 秒
stopOnLastSlide: false,
disableOnInteraction: true,
},
移动端 滑动方法
touchRatio: 0.5,//