Swiper 移动端轮播简单实现

Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。



Swiper使用方法

1.首先加载插件,需要用到的文件有swiper.min.jsswiper.min.css








2.操作相关的 DOM 要用到 jQuery.js 或者 zepto.js , 也可以选择使用 更轻便 的swiper.min.css



(测试: 没有jQuery支持也可以使用)



3.html结构

slid1
slid2
slid3



4.js处理


5.也可以 适当的设置 样式