<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap</title>
<style type="text/css">
div.d1{
padding-top:70px;
}
div.item img{
width:100%;
}
</style>
</head>
<body>
<script src="jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css">
<script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<div class="d1" style="width:800px;margin:10px">
<div id="carousel-example-generic" class="carousel slide" data-ride='carousel' data-interval="2000">
<!--indicators-->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>
<!--wrapper for slides-->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="gareen.png">
<div class="carousel-caption">
lol1
</div>
</div>
<div class="item">
<img src="temo.png">
<div class="carousel-caption">
lol1
</div>
</div>
<div class="item">
<img src="nv.png">
<div class="carousel-caption">
lol1
</div>
</div>
<div class="item">
<img src="gareen.png">
<div class="carousel-caption">
lol1
</div>
</div>
</div>
<!--controls-->
<a href="#carousel-example-generic" class="left carousel-control" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
</a>
<a href="#carousel-example-generic" class="right carousel-control" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</a>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
