本文實(shí)例為大家分享了Bootstrap輪播圖效果展示的具體代碼,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、網(wǎng)站制作與策劃設(shè)計(jì),蘆淞網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:蘆淞等地區(qū)。蘆淞做網(wǎng)站價(jià)格咨詢:18980820575
聲明式觸發(fā)需要使用到的幾個(gè)data-*屬性
1.data-ride:作用在最外層容器上,固定值:carousel
2.data-target:作用在class=carousel-indicators的每個(gè)子元素li上面,標(biāo)注對(duì)那個(gè)元素進(jìn)行點(diǎn)擊輪播
3.data-slide:作用在前翻頁(yè)和后翻頁(yè)的兩個(gè)a鏈接上,prev表示前翻頁(yè),next表示后翻頁(yè)
4.data-slide-to:作用在class=carousel-indicators的每個(gè)子元素li上面,標(biāo)注對(duì)應(yīng)的li元素對(duì)應(yīng)的圖片動(dòng)畫幀的下標(biāo),從0開始
5.data-interval:輪番圖自動(dòng)輪播的等待時(shí)間,如果為false則不自動(dòng)輪播,默認(rèn)為5000ms
6.data-pause:指定鼠標(biāo)停留在輪換圖上是否停止輪播,離開后繼續(xù)自動(dòng)輪播
7.data-wrap:指定是否持續(xù)輪播
輪播圖代碼實(shí)現(xiàn):
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。