BootStrap轮播HTML代码(推荐)


Posted in Javascript onDecember 10, 2016

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

<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代码,希望对大家有所帮助,如果大家哟任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
解释&amp;&amp;和||在javascript中的另类用法
Jul 28 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
jQuery动态生成不规则表格(前后端)
Feb 21 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
React实现评论的添加和删除
Oct 20 Javascript
JQuery.validationEngine表单验证插件(推荐)
Dec 10 #Javascript
JS产生随机数的用法小结
Dec 10 #Javascript
基于JavaScript实现随机颜色输入框
Dec 10 #Javascript
BootStrap中
Dec 10 #Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 #Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 #Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
You might like
PHP可变函数的使用详解
2013/06/14 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
python使用fcntl模块实现程序加锁功能示例
2017/06/23 Python
NetworkX之Prim算法(实例讲解)
2017/12/22 Python
Python温度转换实例分析
2018/01/17 Python
彻底理解Python中的yield关键字
2019/04/01 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
如何利用python 读取配置文件
2021/01/06 Python
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
实习销售业务员自我鉴定
2013/09/21 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL
Tomcat用户管理的优化配置详解
2022/03/31 Servers