先给出Swiper的官网,官网讲解十分详细,感兴趣的童鞋可以去官网详细了解学习,我的文章也是基本从官网摘录过来的。。。
Swiper
http://swiper.com.cn
Swiper是什么?
swiper官网上的定义:
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。
Swiper的用处:
Swiper常用于移动端网站的内容触摸滑动
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
总的来说,swiper就是应用于移动端的一个JS插件,用来实现触屏焦点图、触屏触屏Tab切换、触屏多图切换等常用效果,它给我的第一印象便是强大的轮播图制作效果,不仅轮播图的样式包含了常见到的各种轮播,而且应用该插件十分方便,只要将固定好的dom结构包含在页面中,在利用javascript来初始化轮播图,就可以制作出高大上的轮播图啦。。。
当然,swiper强大并不仅仅在于轮播图方面,它还可以用来制作table导航等等、感兴趣的童鞋还是去官网看在线演示吧,相信一定可以有一个更直观的了解。
Swiper的使用
http://www.swiper.com.cn/usage/index.html
这里讲的很详细,我就不照搬了。。。