基本信息
源码名称:bootstrap轮播实例
源码大小:0.89M
文件格式:.rar
开发语言:js
更新时间:2015-12-08
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

<!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>