資源描述：
《bootstrap最常用的js插件系列總結(jié)(圖片輪播、標(biāo)簽切換等)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。
1、Bootstrap最常用的JS插件系列總結(jié)(圖片輪播、標(biāo)簽切換等)在Bootstrap下載與安裝后，可以在D:ProgramFilesodejsode_modulesbootstrapjs中找到12個(gè)JS文件，這些JS文件是Bootstrap自帶的12個(gè)jQuery插件，也可以在D:ProgramFilesodejsode_modulesbootstrapdistjs中找到bootstrap.js和bootstrap,min.js，這兩個(gè)文件都包含12個(gè)jQuery插件。nbsp;在這12個(gè)jQuery插件中，最常用的
2、有圖片輪播carousel?js、標(biāo)簽切換tab?js、滾動(dòng)監(jiān)聽scrollspy.js、下拉列表dropdown.js、模塊框彈出層modal.js和提示框tooltip,jso(—)圖片輪播carousel.js圖片輪播可以根據(jù)需要在css中設(shè)置圖片大小，位置等。圖片輪播需要引入jquery.min.js、carouse1.js，也可以引入transition.js添加過渡效果。nbsp;It:divelass=〃container-fluid〃gt;nbsp;1t;divclass=〃row〃gt;nbsp;It;divelass="col-
3、md-12"gt;nbsp;It;!—data_ride=〃carousel〃屬性用于標(biāo)記輪播在頁(yè)面加載時(shí)就開始動(dòng)畫播放--gt;nbsp;It;divdata-ride=zzcarouselz/class=/zcarouselslide//id=//carousel-332839"gt;nbsp;nbsp;It:olclass=〃carousel-indicators〃gt;nbsp;nbsp;It;lielass=/，active^data-slideto="0"data-target=/z#carousel-332839"gt;nbsp;nb
4、sp;It;/ligt;nbsp:nbsp;It;lidata-slide-to=//lzzdata-target=〃#carousel-332839"gt;nbsp;nbsp;It;/ligt;nbsp:nbsp;It:lidata-slide-to=//2"data-target="#carousel-332839"gt;nbsp;nbsp;It;/ligt;nbsp;nbsp;It;/olgt:nbsp;nbsp;1t;divclass=〃carousel-inner〃gt;nbsp;nbsp;It;divclass="itemactive/
5、/gt;nbsp;nbsp;It;imgalt=〃CarouseIBootstrapFirst〃src=〃images/Chrysanthemum.jpg〃/gt;nbsp;nbsp;It;divclass=〃carousel-caption〃gt;nbsp:nbsp;It;h4gt;nbsp;nbsp;nbsp;FirstThumbnaillabelnbsp;nbsp;It;/h4gt;nbsp;nbsp;It;pgt;nbsp;nbsp;nbsp;Crasjustoodio,dapibusacfacilisisin，egestasegetqua
6、m.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesvehiculautidelit.nbsp;nbsp;It;/pgt;nbsp;nbsp;It;/divgt;nbsp;nbsp;It;/divgt:nbsp;nbsp:It:divclass=〃item〃gt;nbsp;nbsp:It:imgalt=〃CarouselBootstrapSeconcTsrc'images/Desert.jpgVgt;nbsp;nbsp;It:divclass=〃carousel
7、-captiorTgt;nbsp;nbsp;It;h4gt;nbsp:nbsp;nbsp;SecondThumbnai1labelnbsp;nbsp;It;/h4gt:nbsp;nbsp;It:pgt:nbsp;nbsp;nbsp;Crasjustoodio,dapibusacfacilisisin，egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesvehiculautidelit.nbsp;nbsp;1t;/pgt;nbsp:nb
8、sp;It;/divgt;nbsp;nbsp;It;/divgt;nbsp;nbsp;It:divelass=〃item〃
