18.bootstrap第章輪播插件

1、18學(xué)習(xí)要點(diǎn)：1.輪播插件講 師恢b本課 由 北樂本節(jié)課主要學(xué)下 Bootstrap 中的輪播插件。輪播插件就是將幾張同等大小的大圖，按照順序依次。/基本實(shí)例。li dali daarget=#myCarouselarget=#myCarouseldata-slide-to=1data-slide-to=2data 屬性解釋：1.data-slide 接受關(guān)鍵字 prev 或 next，用來改變幻燈片相對(duì)于當(dāng)前位置的位置； 2.data-slide-to 來向輪播底部創(chuàng)建一個(gè)原始滑動(dòng)索引，data-slide-to=2將把滑動(dòng)塊移動(dòng)到一個(gè)特定的索引，索引從 0 開始計(jì)數(shù)。3.data-ride

2、=carousel屬性用戶標(biāo)記輪播在頁(yè)面加載時(shí)開始動(dòng)畫。輪播插件有三個(gè)自定義屬性：如果在 JavaScript 調(diào)用就直接使用鍵值對(duì)方法，并去掉 data-；/設(shè)置自定義屬性$(#myCarousel).carousel(/設(shè)置自動(dòng)/2 秒erval : 2000,/設(shè)置暫停按鈕的事件 pause : hover,/只播一次 wrap : false,);輪播插件還提供了一些方法，如下：/點(diǎn)擊按鈕執(zhí)行$(button).on(click, function/點(diǎn)擊后，自動(dòng)() $(#myCarousel).carousel(cycle);/其他方法名稱描述slide.bs.carousel當(dāng)調(diào)用

3、 slide 實(shí)例方式時(shí)立即觸發(fā)該事件。slid.bs.carousel當(dāng)輪播完成一個(gè)幻燈片觸發(fā)該事件。方法名稱描述cycle循環(huán)各幀(默認(rèn)從左到右)pause停止輪播number輪播到指定的上(小標(biāo)從 0 開始，類似數(shù)組)prev循環(huán)輪播到上一個(gè)項(xiàng)目next循環(huán)輪播到下一個(gè)項(xiàng)目屬性名稱描述data-erval默認(rèn)值 5000，幻燈片的等待時(shí)間(毫秒)。如果為 false，輪播將不會(huì)自動(dòng)開始循環(huán)。data-pause默認(rèn)鼠標(biāo)停留在幻燈片區(qū)域(hover)即暫停輪播，鼠標(biāo)離開即啟動(dòng)輪播。data-wrap默認(rèn)值 true，輪播是否持續(xù)循環(huán)。/事件$(#myCarousel).on(slide.bs.carousel, function () alert(當(dāng)調(diào)用 slide 實(shí)例方式時(shí)立即觸發(fā)););$(#myCarousel).on(slid.bs.carousel, functionaler