码迷,mamicode.com
首页 > 移动开发 > 详细

手机端Swiper 触屏滑动

时间:2016-09-28 09:59:32      阅读:354      评论:0      收藏:0      [点我收藏+]

标签:

在线实例

默认 响应式 垂直 空间间隔 滚动 自动滚动
中心化 中心化自动 免费模式 多个滚动 水平滚动 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‘);
复制

 

 

手机端Swiper 触屏滑动

标签:

原文地址:http://www.cnblogs.com/niuboren/p/5915059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!