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 validation插件表单验证的一个例子
Mar 03 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
JavaScript简单下拉菜单特效
Sep 13 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
javascript绘制简单钟表效果
Apr 07 Javascript
vue制作toast组件npm包示例代码
Oct 29 Javascript
在nuxt中使用路由重定向的实例
Nov 06 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 cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
php strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
PHP PDOStatement::bindColumn讲解
2019/01/30 PHP
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
Python中实现对list做减法操作介绍
2015/01/09 Python
python中for语句简单遍历数据的方法
2015/05/07 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
详解python中的模块及包导入
2019/08/30 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
升学宴家长致辞
2015/07/27 职场文书
36个正则表达式(开发效率提高80%)
2021/11/17 Javascript