http://idcbgp.cn/code/5391做不出幻燈片效果
http://idcbgp.cn/code/5391做不出幻燈片效果
慕俠0374115
2015-09-17
1 回答
舉報
0/150
提交
取消
2015-11-25
可以的。
<!DOCTYPE html>
<html>
? <head>
? ? <link rel="stylesheet" >
? ? <style>
? ? ? ? body{padding:10px;margin:10px;}
? ? </style>
? </head>
? <body>
? <div id="slidershow" class="carousel">
? ? <ol class="carousel-indicators">
? ? ? ? <li data-target="#slidershow" class="active" data-slide-to="0">1</li>
? ? ? ? <li data-target="#slidershow" class="active" data-slide-to="1">2</li>
? ? ? ? <li data-target="#slidershow" class="active" data-slide-to="2">3</li>
? ? </ol>
? ? <div class="carousel-inner">
? ? ? ? <div class="item active">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zj/zj_580145.jpg" alt=""></a>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zqgq_580145.jpg" alt=""></a>
? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <a class="carousel-control left" href="#slidershow"?
? ? ? data-slide="prev">‹</a>
? ?<a class="carousel-control right" href="#slidershow"?
? ? ? data-slide="next">›</a>
? </div>
? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
? <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
? ?</body>
</html>