Swiper教程 使用方法

2021-07-16 23:23:18 字數 483 閱讀 6426

本文為 

h5edu

機構官方 

html5培訓

教程,主要介紹:

swiper教程

—— 使用方法

swiper使用方法

1.首先載入外掛程式,需要用到的檔案有swiper.min.js和swiper.min.css檔案。

...如果你的頁面載入了jquery.js或者zepto.js,你可以選擇使用更輕便的swiper.jquery.min.js。

...2.html內容。

slide 2

slide 3

導航等元件可以放在container之外

3.你可能想要給swiper定義乙個大小,當然不要也行。

.swiper-container

4.初始化swiper:最好是挨著標籤

如果不能寫在html內容的後面,則需要在頁面載入完成後再初始化。或者這樣(jquery和zepto)

Swiper教程 使用方法

swiper使用方法 1.首先載入外掛程式,需要用到的檔案有swiper.min.js和swiper.min.css檔案。如果你的頁面載入了jquery.js或者zepto.js,你可以選擇使用更輕便的swiper.jquery.min.js。2.html內容。slide 2 slide 3 導航等...

Swiper使用方法

1.首先載入外掛程式,需要用到的檔案有swiper.min.js和swiper.min.css檔案。rel stylesheet href path to swiper.min.css head src path to swiper.min.js script body html 如果你的頁面載入了...

Swiper5 使用方法

doctype html html head link rel stylesheet href dist css swiper.min.css head body script src dist js swiper.min.js script body html 2.html內容。slide 2 s...