版权声明:文章可以随便转载,但是转载时带上原文地址来源,侵权必究 https://blog.csdn.net/qq_34137397/article/details/83042909
HTML代码:
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="./images/lunbo1.jpg">
</div>
<div class="item">
<img src="./images/lunbo2.jpg">
</div>
<div class="item">
<img src="./images/lunbo3.jpg">
</div>
<div class="item">
<img src="./images/lunbo4.jpg">
</div>
</div>
</div>
jQuery代码:
<!-- js引入 -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(function () {
$('#myCarousel').carousel({interval: 4000});
//获取轮播的第一个,然后添加class样式
$(".carousel-inner").find("div").first().attr("class","item active");
$(".carousel-indicators").find("li").first().attr("class","active");
});
</script>