bootstrap的轮播问题
请问谁能给我解释一下这这段代码。这里的classdata-ridedata-intervaldata-targetdata-slide-to都是干嘛用的？<!DOCTYP...
请问谁能给我解释一下这这段代码。这里的class data-ride data-interval data-target data-slide-to 都是干嘛用的？
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style>
div.item img{
width:100%;
}
div#carousel-example-generic{
width:80%;
margin:0 auto;
}
</style>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://how2j.cn/img/site/step/3491.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3492.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3493.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3494.png" >
</div>
</div>
</div> 展开
<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<style>
div.item img{
width:100%;
}
div#carousel-example-generic{
width:80%;
margin:0 auto;
}
</style>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://how2j.cn/img/site/step/3491.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3492.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3493.png" >
</div>
<div class="item">
<img src="http://how2j.cn/img/site/step/3494.png" >
</div>
</div>
</div> 展开
展开全部
class是轮播的样式。
data-ride是轮播切换样式
data-interval是轮播切换时间间隔
data-slide-to是指定轮播切换到第几个
data-ride是轮播切换样式
data-interval是轮播切换时间间隔
data-slide-to是指定轮播切换到第几个
更多追问追答
追问
data -target呢
追答
data-target指事件的目标.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
