bootstrap轮播图插件

来源:互联网 发布:node 压力测试 编辑:程序博客网 时间:2024/05/17 03:37

1.代码块

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  <!-- 下部圆圈指针 -->  <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>  </ol>  <!-- 滚动部分 -->  <div class="carousel-inner" role="listbox">    <div class="item active">         ## 滚动一 ##    </div>        <div class="item">      ## 滚动二 ##    </div>    <div class="item">         ## 滚动三 ##     </div>  </div>  <!-- 左右控制按钮 -->  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>    <span class="sr-only">Previous</span>  </a>  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>    <span class="sr-only">Next</span>  </a></div>
0 0
原创粉丝点击