插件對應(yīng)的文件:carousel.js
引用地址:
<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-carousel.min.js"></script>
樣式對應(yīng)的文件:
? LESS版本:源文件carousel.less
? Sass版本:源文件_carousel.scss
? 編譯后的版本:源文件bootstrap.css第5715行~第5905行
圖片輪播效果在Web中常常能看到,很多人也稱之為幻燈片。其主要顯示的效果就是多幅圖片輪回播放,如下圖所示:
上面的輪播效果是6張廣告圖從右向左播放,鼠標(biāo)懸停在圖片時會暫停播放,如果鼠標(biāo)懸?;騿螕粲蚁陆菆A點(diǎn)時,會顯示對應(yīng)的圖片。這種圖片輪播效果,在Bootstrap框架中是通過Carousel插件來實(shí)現(xiàn),在下面小節(jié)中我們將要介紹的是如何使用Carouse插件實(shí)現(xiàn)圖片輪播效果。
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報