swiper

Swiper是一个触摸滑动插件,使用纯javascript打造,常用于移动端。

使用方法:

html

1
2
3
4
5
6
7
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"> Slide1</div>
<div class="swiper-slide"> Slide2</div>
<div class="swiper-slide"> Slide3</div>
</div>
</div>

js(原生js)

1
2
3
4
var mySwiper = new Swiper('.swiper-container',{
loop : true
autoplay : 1000
});

js(引入jquery)

1
2
3
4
var mySwiper = $('.swiper-container').swiper({
loop : true,
autoplay:1000
});

使用方法链接:http://www.swiper.com.cn/usage/index.html