Swiper常用于pc端與移動(dòng)端的輪播與tab切換,適用于網(wǎng)站的內(nèi)容觸摸滑動(dòng),通過使用swiper插件可大幅度的提升網(wǎng)頁開發(fā)速度。
下面那就讓我們看一下如何快速上手swiper。
第一步:
swiper的使用基于它的css、js,首先先要引用相應(yīng)的文件
第二步:
將html內(nèi)容復(fù)制到自己的頁面中,根據(jù)自己的頁面結(jié)構(gòu)與swiper的html內(nèi)容進(jìn)行調(diào)整。
第三步:
初始化swiper,將以下代碼放到頁面中。
這樣swiper插件就應(yīng)用成功了,最后可通過參考swiper api文檔的方法、函數(shù),將自己的swiper效果給豐富起來。