久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

24
2018/09

如何快速上手swiper

發(fā)布時(shí)間:2018-09-24 17:00:55
發(fā)布者:luanqingwei
瀏覽量:
0

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)整。

 圖片1.png

圖片2.png 

第三步:

初始化swiper,將以下代碼放到頁面中。

圖片3.png

這樣swiper插件就應(yīng)用成功了,最后可通過參考swiper api文檔的方法、函數(shù),將自己的swiper效果給豐富起來。

 


關(guān)鍵詞:
返回列表