亚洲图片区伊人,午夜电影毛片一级,亚洲伊人色一区二区三区

圖片輪播--聲明式觸輪播圖的播放（二）

除了data-ride="carousel"、data-slide、data-slide-to 以外，輪播組件還支持其他三個自定義屬性：

屬性名稱	類型	默認值	描述
data-interval	number	5000	幻燈片輪換的等待時間（毫秒）。如果為false,輪播將不會自動開始循環
data-pause	string	hover	默認鼠標懸停留在幻燈片區域即停止播放，離開即開始播放
data-wrap	布爾值	true	輪播是否持續循環

如下代碼實現“輪播不持續循環”和“輪播時間間隔為1秒”。

<div id="slidershow" class="carousel" data-ride="carousel" data-wrap="false" data-interval="1000">
   ......
</div>

上面三個屬性可以在容器元素上定義，也可以在標示符（或左右控制鏈接）上定義，但是后者定義的優先級比較高。

任務

我來試試：設置圖片輪播時間間隔為2秒。

?不會了怎么辦

index.html

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <style> body{padding:10px;margin:10px;} </style> </head> <body> <div id="slidershow" class="carousel" data-ride="carousel">  <ol class="carousel-indicators"> <li class="active" data-target="#slidershow" data-slide-to="0">1</li> <li data-target="#slidershow" data-slide-to="1">2</li> <li data-target="#slidershow" data-slide-to="2">3</li> </ol>  <div class="carousel-inner"> <div class="item active"> <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a> <div class="carousel-caption"> <h3>圖片標題1</h3> <p>描述內容1...</p> </div> </div> <div class="item"> <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zj/zj_580145.jpg" alt=""></a> <div class="carousel-caption"> <h3>圖片標題2</h3> <p>描述內容2...</p> </div> </div> <div class="item"> <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zqgq_580145.jpg" alt=""></a> <div class="carousel-caption"> <h3>圖片標題3</h3> <p>描述內容3...</p> </div> </div> </div> <a class="left carousel-control " href="#slidershow" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#slidershow" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

提問題

提交

其他問答

查看更多本節問答

寫筆記

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

5-12 圖片輪播--聲明式觸輪播圖的播放（二）

圖片輪播--聲明式觸輪播圖的播放（二）

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

5-12 圖片輪播--聲明式觸輪播圖的播放（二）

熱搜

最近搜索清空

圖片輪播--聲明式觸輪播圖的播放（二）

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦