先給出Swiper的官網(wǎng),官網(wǎng)講解十分詳細(xì),感興趣的童鞋可以去官網(wǎng)詳細(xì)了解學(xué)習(xí),我的文章也是基本從官網(wǎng)摘錄過來的。。。
Swiper
http://swiper.com.cn
Swiper是什么?
swiper官網(wǎng)上的定義:
Swiper 是一款免費(fèi)以及輕量級的移動設(shè)備觸控滑塊的js框架,使用硬件加速過渡(如果該設(shè)備支持的話)。主要使用于移動端的網(wǎng)站、移動web apps,native apps和hybrid apps。主要是為IOS而設(shè)計的,同時,在Android、WP8系統(tǒng)也有著良好的用戶體驗,Swiper從3.0開始不再全面支持PC端。因此,如需在PC上兼容更多的瀏覽器,可以選擇Swiper2.x(甚至支持IE7)。
Swiper的用處:
Swiper常用于移動端網(wǎng)站的內(nèi)容觸摸滑動
Swiper是純javascript打造的滑動特效插件,面向手機(jī)、平板電腦等移動終端。
Swiper能實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。
Swiper開源、免費(fèi)、穩(wěn)定、使用簡單、功能強(qiáng)大,是架構(gòu)移動終端網(wǎng)站的重要選擇!
總的來說,swiper就是應(yīng)用于移動端的一個JS插件,用來實現(xiàn)觸屏焦點圖、觸屏觸屏Tab切換、觸屏多圖切換等常用效果,它給我的第一印象便是強(qiáng)大的輪播圖制作效果,不僅輪播圖的樣式包含了常見到的各種輪播,而且應(yīng)用該插件十分方便,只要將固定好的dom結(jié)構(gòu)包含在頁面中,在利用javascript來初始化輪播圖,就可以制作出高大上的輪播圖啦。。。
當(dāng)然,swiper強(qiáng)大并不僅僅在于輪播圖方面,它還可以用來制作table導(dǎo)航等等、感興趣的童鞋還是去官網(wǎng)看在線演示吧,相信一定可以有一個更直觀的了解。
Swiper的使用
http://www.swiper.com.cn/usage/index.html
這里講的很詳細(xì),我就不照搬了。。。