Swiper轮播神器

swiper中文网 http://www.swiper.com.cn/

Swiper

开源、免费、强大的移动端触摸滑动插件

Swiper- 是免费的，最现代化的移动触摸滑块硬件加速的转换和惊人的天然行为。它的目的是在移动网站，移动网络应用和移动本地/混合应用程序中使用。设计主要是针对iOS，还对最新的Andr​​oid，Windows Phone的8和现代的桌面浏览器的伟大工程。

Swiper并非与所有平台兼容，它是一个现代化的触摸滑块，只集中的现代应用/平台带来最佳的体验和简单。

Swiper，与其他伟大的成分一起，是一部分Framework7 -构建iOS和Android应用的全功能框架。Swiper也是默认的滑块组件离子框架。

• 免费，开源，稳定，应用广泛
• 可单独使用无需jQuery，亦可结合jQuery
• 简单配置即可实现手机、平板网站大部分触摸功能
• 包括焦点图，tab，触摸滑动导航等
• 文档丰富，大量活跃用户解答疑问

Swiper 3 的特色功能

- 无需加载公用库    Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQuery, Zepto, jQuery Mobile等- 1:1的触摸滑动    Swiper默认的触摸比例为1:1，你可以通过修改Swiper的设置来改变这个比例。- 监视器    Swiper3 增加了开启监视器的选项，有了这个功能Swiper可以在你动态改变Dom或Swiper的样式时自动重新初始化并计算所需的元素。- 丰富的API    Swiper 拥有丰富的API，他允许你建立自己独特的分页器、导航、视差滚动、或其他精彩的效果- 真正支持RTL布局    Swiper是唯一一个支持100%RTL布局的滑动插件。- 多行slides布局    Swiper允许多行Slides布局，这样每行的slide就会较少。- 过渡效果    增加了三种新的过渡效果：淡入、3D方块、3D流。- 两种控制方式    现在Swiper可以用来控制其他的Swiper，甚至可以同时控制。- 完整的导航控制    Swiper带有所有常用的导航控制器，包括分页器，切换箭头，滚动条。- Flexbox布局    Swiper使用流行的flexbox布局，这样就解决了很多计算尺寸方面的问题。这种布局也允许用CSS来设定Slides。- Flexbox网格    你可以在Swiper初始化的时候设定slide的显示，包括每行、每列、每组数量以及他们的间距等。其他的特性

Swiper3还包含了所有swiper2的牛逼功能，包括自适应、滚动反弹、抵抗反弹、loop模式、嵌套Swiper。

<script>          var mySwiper = new Swiper ('.swiper-container', {    direction: 'vertical',    loop: true,    // 如果需要分页器    pagination: '.swiper-pagination',    // 如果需要前进后退按钮    nextButton: '.swiper-button-next',    prevButton: '.swiper-button-prev',    // 如果需要滚动条    scrollbar: '.swiper-scrollbar',  })          </script></body>

PS：现在已经来到了3.0版本，没试过的小伙伴马上试试吧。