除了應(yīng)該顯示的圖片和描述內(nèi)容，為什么還顯示了1 2 3？
<!DOCTYPE html>
<html>
? <head>
? ? <link rel="stylesheet" >
? ? <style>
? ? ? ? body{padding:10px;margin:10px;}
? ? </style>
? </head>
? <body>
? <div id="slidershow" class="carousel slide">
? ? <!-- 設(shè)置圖片輪播的順序 -->
? ? <ol class="carousel-indicators">
? ? ? ? <li class="active" data-target="#slidershow" data-slide-to="0">1</li>
? ? ? ? <li data-target="#slidershow" data-slide-to="1">2</li>
? ? ? ? <li data-target="#slidershow" data-slide-to="2">3</li>
? ? </ol>
? ? <!-- 設(shè)置輪播圖片 -->
? ? <div class="carousel-inner">
? ? ? ? <div class="item active">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a>
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題1</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容1...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zj/zj_580145.jpg" alt=""></a>
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題2</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容2...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? ? ? <div class="item">
? ? ? ? ? ? <a href="##"><img src="http://images3.c-ctrip.com/dj/201408/zqgq_580145.jpg" alt=""></a>
? ? ? ? ? ? <div class="carousel-caption">
? ? ? ? ? ? ? ? <h3>圖片標(biāo)題3</h3>
? ? ? ? ? ? ? ? <p>描述內(nèi)容3...</p>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? </div>
? ? <a class="left carousel-control" href="#slidershow" role="button">
? ? ? ? <span class="glyphicon glyphicon-chevron-left"></span>
? ? </a>
? ? <a class="right carousel-control" href="#slidershow" role="button">
? ? ? ? <span class="glyphicon glyphicon-chevron-right"></span>
? ? </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>
? <script>
? ? $(function(){
? ? ? ? $("#slidershow").carousel({
? ? ? ? ? ? interval:2000
? ? ? ? });
? ? ? ? $("#slidershow a.left").click(function(){
? ? ? ? ? ? $("#slidershow").carousel("prev");
? ? ? ? });
? ? ? ? $("#slidershow a.right").click(function(){
? ? ? ? ? ? $("#slidershow").carousel("next");
? ? ? ? });
? ? });
? </script>
? </body>
</html>
2017-07-16
把<li></li>之間的數(shù)值1,2,3去掉。
2016-01-07
a 標(biāo)簽添加text-indent:9999;