手机端Swiper 触屏滑动

在线实例

默认	响应式	垂直	空间间隔	滚动	自动滚动
中心化	中心化自动	免费模式	多个滚动	水平滚动	grab-cursor

使用方法

1. <div class="swiper-container">
2. <div class="swiper-wrapper">
3. <div class="swiper-slide">Slide 1</div>
4. <div class="swiper-slide">Slide 2</div>
5. <div class="swiper-slide">Slide 3</div>
6. <div class="swiper-slide">Slide 4</div>
7. <div class="swiper-slide">Slide 5</div>
8. <div class="swiper-slide">Slide 6</div>
9. <div class="swiper-slide">Slide 7</div>
10. <div class="swiper-slide">Slide 8</div>
11. <div class="swiper-slide">Slide 9</div>
12. <div class="swiper-slide">Slide 10</div>
13. </div>
14. </div>

复制

1. var swiper = new Swiper('.swiper-container');

复制

---

下载