網(wǎng)站前端開發(fā)之Swiper3輪播的使用
2023-03-16 分類： 網(wǎng)站建設(shè)
1.基本結(jié)構(gòu)：
Container：Swiper的容器，里面包括滑動塊（slides）的封套（wrapper)、分頁器(pagination)、前進按鈕等；
Wrapper：觸控的對象，可觸摸區(qū)域，移動的塊的集合，過渡時會隨slide切換產(chǎn)生位移；
Slider：切換的滑塊，可以包含文字、圖片、html元素或另外一個Swiper；
Pagination：分頁器，指示slide的數(shù)量和當前活動的slide；
active slide：活動滑塊，即當前看到的(visible)slide，當可視slide不止一個時，默認最左邊那個是活動滑塊；
Callback：回調(diào)函數(shù)，在某些情況下觸發(fā)。
2.API：
1.new Swiper(swiperContainer, parameters):用于初始化一個Swiper，返回初始化后的Swiper實例。swiperContainer : 必選，HTML元素或者string類型，Swiper容器的css選擇器，例如“.swiper-container”。parameters : 可選，參見配置選項。
Container：Swiper的容器，里面包括滑動塊（slides）的封套（wrapper)、分頁器(pagination)、前進按鈕等；
Wrapper：觸控的對象，可觸摸區(qū)域，移動的塊的集合，過渡時會隨slide切換產(chǎn)生位移；
Slider：切換的滑塊，可以包含文字、圖片、html元素或另外一個Swiper；
Pagination：分頁器，指示slide的數(shù)量和當前活動的slide；
active slide：活動滑塊，即當前看到的(visible)slide，當可視slide不止一個時，默認最左邊那個是活動滑塊；
Callback：回調(diào)函數(shù)，在某些情況下觸發(fā)。
2.API：
1.new Swiper(swiperContainer, parameters):用于初始化一個Swiper，返回初始化后的Swiper實例。swiperContainer : 必選，HTML元素或者string類型，Swiper容器的css選擇器，例如“.swiper-container”。parameters : 可選，參見配置選項。
2.Autoplay:自動切換的時間間隔（單位ms），不設(shè)定該參數(shù)slide不會自動切換。用戶操作后autoplay停止，參考基本選項autoplayDisableOnInteraction。你還可以在某個slide上設(shè)置單獨的停留時間，例
。
3.autoplayDisableOnInteraction：用戶操作swiper之后，是否禁止autoplay。默認為true：停止。如果設(shè)置為false，用戶操作swiper之后自動切換不會停止，每次都會重新啟動autoplay。
操作包括觸碰，拖動，點擊pagination等。
。
3.autoplayDisableOnInteraction：用戶操作swiper之后，是否禁止autoplay。默認為true：停止。如果設(shè)置為false，用戶操作swiper之后自動切換不會停止，每次都會重新啟動autoplay。
操作包括觸碰，拖動，點擊pagination等。
網(wǎng)站標題：網(wǎng)站前端開發(fā)之Swiper3輪播的使用
網(wǎng)頁URL：http://aaarwkj.com/news22/244872.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、電子商務(wù)、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)、標簽優(yōu)化、網(wǎng)站排名
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 個人網(wǎng)站與企業(yè)網(wǎng)站的關(guān)系 2023-03-16
- 那些一眼就驚艷到你的網(wǎng)頁設(shè)計通常都用這9個方法... 2023-03-16
- 成都換友情鏈接需要注意哪些問題？ 2023-03-16
- 關(guān)鍵詞密度對關(guān)鍵詞排名有影響嗎 2023-03-16
- 那些年，創(chuàng)新互聯(lián)走過的的誤區(qū) 2023-03-16
- 網(wǎng)絡(luò)推廣外包如何選擇比較好？ 2023-03-16
- 做人，你什么脾氣，就什么命 2023-03-16
- 成都淺談UI設(shè)計六要素 2023-03-16
- 做了高端網(wǎng)站的企業(yè)網(wǎng)站容易忽略的一點 2023-03-16
- 探討搜索引擎是如何識別原創(chuàng)？ 2023-03-16
- 海外代購網(wǎng)站功能點之今日推薦和限時優(yōu)惠 2023-03-16
- 做好手機網(wǎng)站需要注意的一些事項 2023-03-16
- 成都建網(wǎng)站要實現(xiàn)什么效果才不算白費 2023-03-16
- 網(wǎng)站開發(fā)建設(shè)中怎么確定網(wǎng)站建設(shè)目標？ 2023-03-16
- 找適合海北高端網(wǎng)站建設(shè)公司要注意哪些問題? 2023-03-16
- 企業(yè)如何利用網(wǎng)站、公眾號的在線評論提高聲譽？ 2023-03-16
- 手機建站必須要做好這幾點 2023-03-16
- 成都網(wǎng)站維護中如何讓自己的網(wǎng)站更具營銷力 2023-03-16
- 定西手機網(wǎng)站制作建設(shè)很重要 2023-03-16