你的位置:首页 > Java教程

[Java教程]手机端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');
复制

 


下载