bootstrap轮播图-海报

 HTML部分，需要先引用bootstrap文件

<link rel="stylesheet" href="../css/bootstrap.css">
<script type="text/javascript" charset="utf-8" src="../js/bootstrap.min.js"></script>

<!-- 海报 -->  
<div id="bg">
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators ceng">
			<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">
			<div class="item active">
				<img src="../img/bg.jpg" alt="First slide">
			</div>
			<div class="item">
				<img src="../img/bg.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img src="../img/bg.jpg" alt="Third slide">
			</div>
		</div> 
	</div> 
</div>

可以在轮播图下方添加对应的标题

<div class="carousel-caption">标题 1</div>

 JQ控制轮播切换时间： 

$('#myCarousel').carousel({
    interval: 2000
})