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公告滚动+AJAX后台得到数据
Apr 14 Javascript
动态改变div的z-index属性的简单实例
Aug 08 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
Underscore.js 1.3.3 中文注释翻译说明
Jun 25 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
javascript瀑布流式图片懒加载实例解析与优化
Feb 23 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
浅谈JS的二进制家族
May 09 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中通过curl smtp发送邮件
2012/06/05 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
PHP 实现判断用户是否手机访问
2015/01/21 PHP
php中使用url传递数组的方法
2015/02/11 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
jquery使用remove()方法删除指定class子元素
2015/03/26 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
VsCode里的Vue模板的实现
2020/08/12 Javascript
js制作提示框插件
2020/12/24 Javascript
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
详解python UDP 编程
2020/08/24 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
英国香水店:The Perfume Shop
2017/03/27 全球购物
关键字final的用法
2013/10/02 面试题
.NET面试题:什么是反射
2016/09/30 面试题
《风娃娃》教学反思
2014/04/19 职场文书
护理工作个人总结
2015/03/03 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
董事长致辞
2015/07/29 职场文书
2019年12月24日平安夜祝福语集锦
2019/12/24 职场文书
MySQL单表千万级数据处理的思路分享
2021/06/05 MySQL
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers