上個禮拜，通過在制作公司產品介紹彈出框的過程，使用了強大的Swiper.js,官網地址：(http://www.swiper.com.cn/)。
一、Swiper.js簡介：
Swiper(前稱Swiper master) 是一款免費以及輕量級的移動設備觸控滑塊的js框架，使用硬件加速過渡（如果該設備支持的話）。主要使用與移動端的網站、網頁應用程序（web apps），以及原生的應用程序（native apps）。主要是為IOS而設計的，同時，在Android、WP8系統以及PC端的瀏覽器也有着良好的用戶體驗。
Swiper常用於移動端網站的內容觸摸滑動
Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端。
Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。
Swiper開源、免費、穩定、使用簡單、功能強大，是架構移動終端網站的重要選擇！
更多的介紹可以去官網地址：http://www.swiper.com.cn/查看。
也可以戳這里查看demo：http://www.swiper.com.cn/demo/index.html#
二、Swiper.js的版本區別
1、Swiper.js 3.x的版本。其主要適用對象為手機、app、webapp等移動終端。Swiper.js 3.0版本所采用了比較多的html5與CSS3的新特性，因此對PC端的瀏覽器兼容性並不是非常好，尤其是IE。在IE9以下（IE10沒有測試過），Swiper.js 幾乎等同於沒有用，一點效果都沒有。因此Swiper.js 3.0最適合用於移動端。
2、Swiper.js 2.x版本。Swiper.js 2.x版本對PC端的瀏覽器兼容性比較好，甚至支持IE7。其中的滑動效果在IE8都可以完美的運行。
具體看demo：http://swiper2.swiper.com.cn/demo/index.html
三、Swiper.js 有趣的功能
1、使用過程中，覺得Swiper.js能整合強大的css3動畫效果插件：animate.css，詳情請戳：http://daneden.github.io/animate.css/。Swiper.js結合Animate.css可以實現強大的動畫效果，幾乎無所不能。如果Animate.css的動畫效果你不滿意，你完全可以自己添加動畫，用起來簡直太棒了。
關於Animate.css的詳細教程已經有人寫得非常詳細了，這里也就不累贅重復寫了，直接轉載地址：