<!doctype html><html lang="zh-CN"><head><title>测试模板</title><meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"><link href="css/bootstrap.css" rel="stylesheet" media="screen"><link href="css/site.css" rel="stylesheet" media="screen"><!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script><![endif]--><script src="js/jquery-1.10.2.min.js"></script></head><body><div class="container"><div id="carousel-example-captions" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-captions" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-captions" data-slide-to="1"></li> <li data-target="#carousel-example-captions" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="a/02.jpg" width="500" height="299" > <div class="carousel-caption"> <h3>第一个标签</h3> <p>随便写点什么</p> </div> </div> <div class="item"> <img src="a/00.jpg" width="500" height="299"> <div class="carousel-caption"> <h3>2222222</h3> <p>222222222222222222222</p> </div> </div> <div class="item"> <img src="a/01.jpg" alt="Third slide image"> <div class="carousel-caption"> <h3>标签3</h3> <p>测试3</p> </div> </div> </div> <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-captions" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div></div></div><script language="javascript">$('.carousel').carousel({ interval: 2000})</script><script src="js/bootstrap.min.js"></script></body></html>
评论