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 相关文章推荐
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
javscript对象原型的一些看法
Sep 19 Javascript
JavaScript实现Iterator模式实例分析
Jun 09 Javascript
javascript自定义滚动条实现代码
Apr 20 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
jQuery实现轮播图效果demo
Jan 11 jQuery
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 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 has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
javascript fullscreen全屏实现代码
2009/04/09 Javascript
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
2009/07/06 Javascript
js正则表达式的使用详解
2013/07/09 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
pandas 将索引值相加的方法
2018/11/15 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
Python常用数据分析模块原理解析
2020/07/20 Python
vscode调试django项目的方法
2020/08/06 Python
Python 在局部变量域中执行代码
2020/08/07 Python
使用AJAX和Django获取数据的方法实例
2020/10/25 Python
大三在校生电子商务求职信
2013/10/29 职场文书
英语系本科生求职信范文
2013/12/18 职场文书
学生励志演讲稿
2014/01/06 职场文书
阿甘正传观后感
2015/06/01 职场文书
SQL中的三种去重方法小结
2021/11/01 SQL Server