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

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

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

swiper

代碼

Swiper：整個(gè)滑動(dòng)對象，有時(shí)特指滑塊釋放后仍然正向移動(dòng)直到貼合邊緣的過程(過渡)；
Container：Swiper的容器，里面包括滑動(dòng)塊（slides）的封套（wrapper)、分頁器(pagination)、前進(jìn)按鈕等；
Wrapper：觸控的對象，可觸摸區(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://www.bm7419.com/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)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)