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，用來改變幻燈片相對于當(dāng)前位置的位置； 2.data-slide-to 來向輪播底部創(chuàng)建一個原始滑動索引，data-slide-to=2將把滑動塊移動到一個特定的索引，索引從 0 開始計數(shù)。3.data-ride

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

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