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 相关文章推荐
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
js自定义QQ菜单效果
Jan 10 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
js运算符的一些特殊用法
Jul 29 Javascript
node.js的Express服务器基本使用教程
Jan 09 Javascript
javascript验证form表单数据的案例详解
Mar 25 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
jQuery实现视频展示效果
May 30 jQuery
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
Protoss建筑一览
2020/03/14 星际争霸
PHP中创建并处理图象
2006/10/09 PHP
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python 编码规范整理
2018/05/05 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
Python对接 xray 和微信实现自动告警
2019/09/17 Python
python 魔法函数实例及解析
2019/09/25 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
python 爬虫请求模块requests详解
2020/12/04 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
简历上的自我评价
2014/02/03 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
使用 JavaScript 制作页面效果
2021/04/21 Javascript