AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

BootStrap轮播HTML代码(推荐)

51自学网 http://www.wanshiok.com
bootstrap轮播代码

废话不多说了,直接给大家贴代码了,具体代码如下所述:

 <div id="carousel-menu" class="carousel slide" data-ride="carousel">  //小圆点  <ol class="carousel-indicators">    <li data-target="#carousel-menu" data-slide-to="0" class=""></li>    <li data-target="#carousel-menu" data-slide-to="1" class=""></li>    <li data-target="#carousel-menu" data-slide-to="2" class=""></li>    <li data-target="#carousel-menu" data-slide-to="3" class="active"></li>  </ol>  //图片  <div class="carousel-inner">    <div class="item">      <img src="img/img-slider-1.jpg" >    </div>    <div class="item">      <img src="img/img-slider-2.jpg" >    </div>    <div class="item">      <img src="img/img-slider-3.jpg" >    </div>    <div class="item active">      <img src="img/img-slider-4.jpg">    </div>  </div>//左右点击 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">  <span class="icon-prev" 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="icon-next" aria-hidden="true"></span>  <span class="sr-only">Next</span> </a></div>

以上所述是小编给大家介绍的BootStrap轮播HTML代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!


bootstrap轮播代码  
上一篇:解析js如何获取css样式  下一篇:JQuery.validationEngine表单验证插件(推荐)