Swiper学习笔记（一）

1.PNG

先给出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
这里讲的很详细，我就不照搬了。。。