1个回答
展开全部
直接给代码吧,自己套就可以了
<body>
<div id="myCarousel" class="carousel slide pad_010 b_k" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<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>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner bor_btm">
<div class="item active" >
<div class="pic">
<img src="img/01.jpg" >
<img src="img/02.jpg" >
<img src="img/03.jpg" >
<img src="img/04.jpg" >
</div>
</div>
<div class="item">
<div class="pic">
<img src="img/01.jpg" >
<img src="img/02.jpg" >
<img src="img/03.jpg" >
<img src="img/04.jpg" >
</div>
</div>
<div class="item">
<div class="pic">
<img src="img/01.jpg" >
<img src="img/02.jpg" >
<img src="img/03.jpg" >
<img src="img/04.jpg" >
</div>
</div>
</div>
<!-- 轮播(Carousel)导航 -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</body>
需要JS初始化一下
$(document).ready(function(){
$('#myCarousel').carousel();
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询