基本信息
源码名称: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>