基本信息
源码名称:bootstrap轮播实例
源码大小:0.89M
文件格式:.rar
开发语言:js
更新时间:2015-12-08
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在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>