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 相关文章推荐
用jQuery打造TabPanel效果代码
May 22 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
JQuery动画与特效实例分析
Feb 02 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
简单谈谈关于Angular Cli打包的事
Sep 05 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 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面向对象全攻略 (五) 封装性
2009/09/30 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
laravel学习教程之存取器
2016/07/30 PHP
php实现微信支付之现金红包
2018/05/30 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
BootStrap模态框和select2合用时input无法获取焦点的解决方法
2017/09/01 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
python调用API实现智能回复机器人
2018/04/10 Python
python实现两个经纬度点之间的距离和方位角的方法
2019/07/05 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
总经理助理岗位职责
2013/11/08 职场文书
前厅部经理岗位职责范文
2014/02/04 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
小班秋游活动方案
2014/02/22 职场文书
文明礼貌演讲稿
2014/05/12 职场文书
申请吧主发表的感言
2015/08/03 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
Python类方法总结讲解
2021/07/26 Python