1.網(wǎng)址:https://www.swiper.com.cn/
2.這里有演示效果(有pc端的和移動端的)
image.png
3.下載swiper里面需要的文件
image.png
4.這里選擇以4.5.3為例(單擊即可下載)
image.png
5.文檔目錄如下
image.png
6.首先我們在演示文檔找自己需要的效果(這個效果圖的序號為280)
image.png
7.接著我們就去我們下載的那個文件找對應(yīng)的html
image.png
8.點那個效果圖進去份企,然后鼠標(biāo)右鍵查看網(wǎng)頁源代碼
image.png
9.然后就需要復(fù)制html也榄、css、js代碼到自己的網(wǎng)頁里面
10.三個復(fù)制完之后還需要把css文件和js文件這兩個文件引入
image.png
image.png
11.下面這兩個區(qū)別(兩個文件內(nèi)容是一樣的司志,不過swiper.min.css是壓縮后的)
image.png
12.引入結(jié)構(gòu)
image.png