swiper 中文版是一款小巧強大的觸摸滑動插件。swiper2.0是由純javascript打造，具有開源、免費、穩(wěn)定等優(yōu)點，擁有Smooth Progress插件、3D flow插件和Scrollbar插件等，同時能夠為用戶實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果，操作方式更加高效便捷。

【swiper2.0基本介紹】

Swiper(前稱Swiper master) 是一款免費以及輕量級的移動設(shè)備觸控滑塊的js框架，使用硬件加速過渡（如果該設(shè)備支持的話）。主要使用與移動端的網(wǎng)站、網(wǎng)頁應(yīng)用程序（web apps），以及原生的應(yīng)用程序（native apps）。

【swiper2.0功能特性】

1：1 觸摸比例
Swiper默認(rèn)為1：1 觸摸比例，比例可以自定義。（通過修改touchRatio）

模仿觸控
能讓鼠標(biāo)也支持觸摸滑動效果，可以在PC端也能滑動起來，也就是支持在電腦端鼠標(biāo)拖動。

水平/垂直方向
Swiper可以設(shè)定向兩個方向運動，水平方向(horizontal)以及垂直方向（vertical）

旋轉(zhuǎn)調(diào)整
Swiper 在移動設(shè)備旋轉(zhuǎn)后可以自適應(yīng)尺寸，可以自動根據(jù)設(shè)備旋轉(zhuǎn)和縮放。

響應(yīng)比例
能使用百分比的寬高定義內(nèi)容塊,為移動端提供不同的解決方案。

抵抗反彈
當(dāng)滑動滑塊超過最左以及最右（最上或最下）的位置時觸發(fā)的抵御機制。

內(nèi)建分頁控制
Swiper能夠快速生成內(nèi)建的分頁器（pagination）。

自動播放
只用設(shè)置延遲時間，Swiper就會自動地輪播slides直到你觸碰該滑塊為止。

循環(huán)模式
在這種模式下，你能夠無限滑動滑塊，到最后一個之后又會跳回到第一個。

嵌套Swiper
能夠?qū)wiper嵌套入各種不同的Swiper 的slide里，例如垂直的或水平的。

任意HTML 標(biāo)簽
可以將任意內(nèi)容放到slide里，不止僅限于圖像。

硬件加速
swiper 使用硬件加速技術(shù)（如果該移動設(shè)備支持的話）能夠得到良好流暢的動畫效果以及優(yōu)美的外觀，尤其是在IOS設(shè)備里。

配置靈活
Swiper在初始化的時候能夠設(shè)定多個參數(shù)以便讓其更加的靈活。例如滑動的速度，方向，以及模式等。

良好的兼容性
Swiper支持移動端的Safari，Android 2.1+，windows Phone 8,以及PC端的Chrome，F(xiàn)irefox，IE7-10 和 Opera

獨立性
Swiper不依賴像jQuery那樣的js類庫，因此能夠讓Swiper更加的小型以及快速。

超輕量級
壓縮后僅僅10KB左右。

【swiper2.0軟件特色】

Swiper常用于移動端網(wǎng)站的內(nèi)容觸摸滑動
Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端，以及PC端網(wǎng)站。
Swiper能實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。
Swiper開源、免費、穩(wěn)定、使用簡單、功能強大，是架構(gòu)移動終端網(wǎng)站的重要選擇！

Swiper擁有簡單又好用的插件
Swiper擁有Smooth Progress插件、3D flow插件和Scrollbar插件。
這些插件可以實現(xiàn)更復(fù)雜的效果，而制作這些效果的過程卻很簡單。
合理的利用Swiper的插件可以加速開發(fā)，這會讓你的老板對你的工作效率大加贊賞！

或許你在使用Swiper時希望加入一些3d效果
Swiper的setTransform和setTransition以及setTranslate函數(shù)可以制作3d變形。
Smooth Progress插件可以幫助你獲取到滑塊的排序索引。
如果你不想花太多時間開發(fā)，Swiper還準(zhǔn)備了一個現(xiàn)成的插件3D flow供你使用，當(dāng)然你無法隨意改變它的表現(xiàn)形式！

【swiper2.0使用方法】

1.首先加載插件，在本站下載完整基礎(chǔ)測試包，測試包里面已經(jīng)包含了js和css文件。


2.HTML內(nèi)容。


3.函數(shù)調(diào)用。


4.另外，函數(shù)調(diào)用還支持jQuery和Zepto，如果需要使用，請先加載jQuery.js或zepto.js。


由于IE7不支持querySelectorAll和querySelector方法，因此IE7必須要引入Jquery

【swiper2.0基本結(jié)構(gòu)】

Swiper ：滑動、切換
整個滑動對象，有時特指滑塊釋放后仍然正向移動直到貼合邊緣的過程

containe：容器 Swiper的容器
里面包括滑動塊（slide）的集合（wrapper)、分頁器(pagination)、前進(jìn)按鈕等

wrapper： 包含
觸控的對象，可觸摸區(qū)域，移動的塊的集合

slider ：滑塊
切換的塊中的一個，可以是一段文字、一張圖片或者一段html代碼

pagination ：
分頁 指示slide的數(shù)量和當(dāng)前活動的slide

active ：活動的、激活的
默認(rèn)可視區(qū)域內(nèi)最左邊的slide是活動的，其他的是非活動的

callback ：回調(diào)函數(shù)
在某些情況下觸發(fā)