国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Bootstrap輪播插件簡單使用方法介紹

2019-11-20 09:38:28
字體:
來源:轉載
供稿:網友

本文細致的為大家分享了Bootstrap輪播插件簡單實例,供大家參考,具體內容如下

使用Bootstrap的輪播插件可以向站點添加滑塊,內容可以是圖像,內嵌框架,視頻或其它任何內容,使用輪播插件需要引入

效果圖:

bootstrap.min.js. 

<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">   <img src="~/images/Chrysanthemum.jpg" />   <div class="carousel-caption">    ffffffff   </div>   </div>   <div class="item">   <img src="~/images/Desert.jpg" />    <div class="carousel-caption">    xxxxxxxxxxxxxxxx   </div>   </div>   <div class="item">   <img src="~/images/Lighthouse.jpg" />    <div class="carousel-caption">    mmmmmmmmmmmm    </div>  </div>  </div>   <!―輪播導航 -->   <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">   <span class="glyphicon glyphicon-chevron-left"></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"></span>   <span class="sr-only">Next</span>   </a>  </div>

小編再為大家推薦一篇文章:全面解析Bootstrap圖片輪播效果

如果大家還想深入學習,可以點擊這里進行學習,再為大家附一個精彩的專題:Bootstrap學習教程

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 利辛县| 聊城市| 吉林省| 武川县| 陆河县| 卢龙县| 屯门区| 孟州市| 柯坪县| 奇台县| 长宁区| 南涧| 深水埗区| 太白县| 阿拉善盟| 北川| 德惠市| 汕尾市| 酒泉市| 吴川市| 四平市| 永定县| 日土县| 曲阳县| 南木林县| 香港| 阳江市| 宜昌市| 阿拉善盟| 伊吾县| 呼和浩特市| 阜新市| 澜沧| 惠州市| 塘沽区| 汕尾市| 长沙市| 军事| 博客| 石台县| 莆田市|