網(wǎng)站前端開發(fā)之Swiper3輪播的使用

2023-03-16 分類：網(wǎng)站建設(shè)

1.基本結(jié)構(gòu)：

swiper

Swiper：整個(gè)滑動(dòng)對(duì)象，有時(shí)特指滑塊釋放后仍然正向移動(dòng)直到貼合邊緣的過程(過渡)；
Container：Swiper的容器，里面包括滑動(dòng)塊（slides）的封套（wrapper)、分頁器(pagination)、前進(jìn)按鈕等；
Wrapper：觸控的對(duì)象，可觸摸區(qū)域，移動(dòng)的塊的集合，過渡時(shí)會(huì)隨slide切換產(chǎn)生位移；
Slider：切換的滑塊，可以包含文字、圖片、html元素或另外一個(gè)Swiper；
Pagination：分頁器，指示slide的數(shù)量和當(dāng)前活動(dòng)的slide；
active slide：活動(dòng)滑塊，即當(dāng)前看到的(visible)slide，當(dāng)可視slide不止一個(gè)時(shí)，默認(rèn)最左邊那個(gè)是活動(dòng)滑塊；
Callback：回調(diào)函數(shù)，在某些情況下觸發(fā)。
2.API：
1.new Swiper(swiperContainer, parameters):用于初始化一個(gè)Swiper，返回初始化后的Swiper實(shí)例。swiperContainer : 必選，HTML元素或者string類型，Swiper容器的css選擇器，例如“.swiper-container”。parameters : 可選，參見配置選項(xiàng)。

2.Autoplay:自動(dòng)切換的時(shí)間間隔（單位ms），不設(shè)定該參數(shù)slide不會(huì)自動(dòng)切換。用戶操作后autoplay停止，參考基本選項(xiàng)autoplayDisableOnInteraction。你還可以在某個(gè)slide上設(shè)置單獨(dú)的停留時(shí)間，例
。
3.autoplayDisableOnInteraction：用戶操作swiper之后，是否禁止autoplay。默認(rèn)為true：停止。如果設(shè)置為false，用戶操作swiper之后自動(dòng)切換不會(huì)停止，每次都會(huì)重新啟動(dòng)autoplay。
操作包括觸碰，拖動(dòng)，點(diǎn)擊pagination等。

網(wǎng)站標(biāo)題：網(wǎng)站前端開發(fā)之Swiper3輪播的使用
網(wǎng)頁URL：http://chinadenli.net/news22/244872.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、電子商務(wù)、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

個(gè)人網(wǎng)站與企業(yè)網(wǎng)站的關(guān)系 2023-03-16
那些一眼就驚艷到你的網(wǎng)頁設(shè)計(jì)通常都用這9個(gè)方法... 2023-03-16
成都換友情鏈接需要注意哪些問題？ 2023-03-16
關(guān)鍵詞密度對(duì)關(guān)鍵詞排名有影響嗎 2023-03-16
那些年，創(chuàng)新互聯(lián)走過的的誤區(qū) 2023-03-16
網(wǎng)絡(luò)推廣外包如何選擇比較好？ 2023-03-16
做人，你什么脾氣，就什么命 2023-03-16
成都淺談UI設(shè)計(jì)六要素 2023-03-16

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

網(wǎng)站前端開發(fā)之Swiper3輪播的使用