Swiper 是(shì)一(yī)款免費(fèi)以及輕量級的(d÷‍e)移動設備觸控滑塊的(de)js框架，使用(yòng)♥€硬件(jiàn)加速過渡（如(rú)果該設備支持的(d‌Ωe)話(huà)）。主要(yào)使用(yòng)于移動端的(→±de)網站(zhàn)、移動web apps，natiσ₩♠ve apps和(hé)hybrid apps。主要(y"$ào)是(shì)為(wèi)IOS而設計(jì)的(de)，同時(≠‍γshí)，在Android、WP8系統也(yě)有(yǒu)著(zhe)良好( ≈ hǎo)的(de)用(yòng)戶體(tǐ)驗，Swiper從(c★>αóng)3.0開(kāi)始不(bù)再全面支持PC端。因此，如(rú)需在Pπ∞€C上(shàng)兼容更多(duō)的(de)浏覽器(qì)，可(kě)以選β☆擇Swiper2.x（甚至支持IE7）。

Swiper常用(yòng)于移動端網站(z§♣≈hàn)的(de)內(nèi)容觸摸滑動

Swiper是(shì)純javascri♣↔βpt打造的(de)滑動特效插件(jiàn)，面向手機(jī↓$)、平闆電(diàn)腦(nǎo)等移動終端。

Swiper能(néng)實現(xiàn)觸屏焦點圖、觸屏Tab☆★切換、觸屏輪播圖切換等常用(yòng)效果。

Swiper開(kāi)源、免費(fèi)、穩定、使用(y®×≈òng)簡單、功能(néng)強大(dà)，是(shì)架構移動β₩≥終端網站(zhàn)的(de)重要(yào)選擇！

Swiper擁有(yǒu)靈活的(de)progress，這∏≤≠(zhè)是(shì)自(zì)定義制(zhì)作★↑(zuò)3D幻燈片切換效果的(de)利器(qì₹♦÷₹)

Swiper制(zhì)作(zuò)3D切換效果‌§λ&的(de)方法多(duō)種多(duō)樣。cube、coverflow、™>≤♦flip、cards和(hé)creative可(kě)以輕松的(d↕∑™e)實現(xiàn)3D過渡，如(rú)果₩"π¶你(nǐ)想制(zhì)作(zuò)其他(tā)新穎的&‍(de)切換方式，推薦使用(yòng)progress。

progress可(kě)以幫助你(nǐ)獲取到(dào)滑™♦™÷塊的(de)進度索引。

在Swiper上(shàng)加些(xi₩σē)小(xiǎo)動畫(huà)，制(zhì)作(zuò)時☆₹×δ(shí)下(xià)最流行(xíng)®≥的(de)微(wēi)展示

使用(yòng)Swiper再配合一(yī)些(≤♥'×xiē)你(nǐ)喜歡的(de)小(xiǎo)動畫(huà)'λγ$，你(nǐ)的(de)圖片立即變成活靈活現(★≥xiàn)的(de)微(wēi)場(chǎng)景、微(wēi)海(hǎi ↔)報(bào)。

常用(yòng)的(de)制(zhì)作(zuò)動畫(huà)的(₽→de)方法有(yǒu)CSS3、GreenSα←"ock、Anime.js、animate.css等。也(yě)推薦使用(&§yòng)我們的(de)Swiper Animate小(xiǎo)插≠§件(jiàn)，無需學習(xí)即可(kě)快(kuà≈¶$>i)速制(zhì)作(zuò)出精美(měi)的(de)切換動畫(huλ ∞à)效果。

Swiper 的(de)特色功能(néng)✔✔★≈

不(bù)依賴公共庫

Swiper無需加載任何公共庫（如(rú)♠<σjquery）即可(kě)運行(xíng)，這(zh♥∑è)保證了(le)Swiper的(de)輕量和(h₽↕"γé)運行(xíng)速度。Swiper也(yě)可(kě)以在加載了(le¶‌₽)公共庫的(de)環境下(xià)安全的(de)§£•運行(xíng)，如(rú)jQuery, Z★Ω‌epto, jQuery Mobile等。

支持流行(xíng)的(de)前端框架

從(cóng)Swiper6版本開(kāi)始提₹ε×供了(le)流行(xíng)前端框架的(de)支持，可(kě)以将swiφ‌' per作(zuò)為(wèi)組件(jiàn)σ✔•₩添加到(dào)這(zhè)些(xiē)框β→©架中方便使用(yòng)，如(rú)React，Svel ∏Ωte，Vue.js，Angular等。

1:1的(de)觸摸滑動

Swiper默認的(de)觸摸比例為(wèi​¶)1:1，你(nǐ)可(kě)以通(tōng)過修改Swiper的('↔de)設置來(lái)改變這(zhè)個(gè)比例。

監視(shì)器(qì)

Swiper可(kě)以通(tōng)過設置開(kāi)啓監視×®§(shì)器(qì)，有(yǒu)了(le)這(zhè)∑£‌ 個(gè)功能(néng)Swiper可(kě)以在你(nǐφ₽→§)動态改變Dom或Swiper的(de)樣式時∞✔♣<(shí)自(zì)動重新初始化(huà)并計(jì)算(suàn)所需的♣♠(de)元素。

豐富的(de)API

Swiper 擁有(yǒu)豐富的(de)API，允許你(nǐ)≤×↕✔建立自(zì)己獨特的(de)分(fēn)頁器(♥‍qì)、導航、視(shì)差滾動、或其他(<≈tā)精彩的(de)效果。

真正支持RTL布局

Swiper是(shì)唯一(yī)一(yī)個(gè)支持10±γ™0%RTL(右向左)布局的(de)滑動插γ₽∞↑件(jiàn)。可(kě)在swiper-containe☆•÷r上(shàng)加dir="rtl"。

多(duō)行(xíng)slides布局

Swiper允許多(duō)行(xíng)Slides布局，這(zhα"'è)樣每行(xíng)的(de)slide就(jiù)會(huì)較少(shǎ׶o)。

豐富的(de)過渡效果

內(nèi)置了(le)淡入、3D方塊、3D流、3÷↓¶∏D翻轉、卡片、創意性等6種效果，方便輕松使用(yòng)。

雙向控制(zhì)

現(xiàn)在Swiper可(kě)以用(yòn←✔ε>g)來(lái)控制(zhì)其他(tā)的ε←(de)Swiper，甚至可(kě)以同←$時(shí)控制(zhì)。

完整的(de)導航控制(zhì)

Swiper配備了(le)常用(yòng)的(de)導航控制(zhì)器≥‍(qì)，包括分(fēn)頁器(qì)，切換箭頭，滾動條。↕✔♦

Flexbox布局

Swiper使用(yòng)流行(xíng)¶π₩€的(de)flexbox布局，這(zhè)樣就(jiù)解決了↔←™↑(le)很(hěn)多(duō)計(jì)算(suàn)尺寸方面的(de)問♠β(wèn)題。這(zhè)種布局也(yě)允許用(yòn™π​♥g)CSS來(lái)設定Slides。

Flexbox網格

你(nǐ)可(kě)以在Swiper初始化(huà)的(de)時(shí"€)候設定slide的(de)顯示，包括每行 β✔✘(xíng)、每列、每組數(shù)量以及他(tā)們的(de)間(jiān©♥ )距等。

視(shì)差過渡

Swiper支持流行(xíng)的(de)視(shì)差效果，你(★↓ nǐ)可(kě)以将視(shì)差效果應用(¥δ§yòng)于Swiper的(de)內(nèi)部元素，如(rú)圖片、文 →¶£(wén)本、标題、背景圖等等...

圖片懶加載

Swiper對(duì)非active slide ✘內(nèi)的(de)圖片實行(xíng)延遲加載，這(zhè)個(gè)功能₽δ>(néng)加快(kuài)了(le)頁面的↑±↓(de)打開(kāi)速度，提高(gāo)了(le)Sw←$iper的(de)使用(yòng)體(tǐ)驗。

虛拟 Slides

Swiper 5新增了(le)虛拟slides特性，當你(nǐ)∞♦有(yǒu)很(hěn)多(duō)Slide或有(₩♣↕yǒu)很(hěn)多(duō)內(nèi)容的('→♦★de)slide的(de)時(shí)候可(kě)以在Dε↕OM中隻保留需要(yào)的(de)slide。

其他(tā)的(de)特性

Swiper5還(hái)包含了(le)所有(yǒu)sw₹φiper2的(de)優秀特性，包括自(zì)•¥♠<适應、滾動反彈、抵抗反彈、loop模式、嵌套Swiper。

Swiper 完全免費(fèi)并開(kāi)源（MIT Licensed）₹​γ，無論你(nǐ)使用(yòng)在個(gè)人(₹♣×rén)網站(zhàn)或商業(yè)網站£±&×(zhàn)，都(dōu)無需付費(fèi)。