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 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
利用Jquery实现可多选的下拉框
Feb 21 Javascript
父节点获取子节点的字符串示例代码
Feb 26 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
详解Node 定时器
Feb 26 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
原生js实现五子棋游戏
May 28 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 Javascript
JS前端使用Canvas快速实现手势解锁特效
Sep 23 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实现的css文件背景图片下载器代码
2014/11/11 PHP
浅谈php提交form表单
2015/07/01 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
Laravel实现autoload方法详解
2017/05/07 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
模仿百度三维地图的js数据分享
2011/05/12 Javascript
js select option对象小结
2013/12/20 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
python2 与python3的print区别小结
2018/01/16 Python
Django框架搭建的简易图书信息网站案例
2019/05/25 Python
python文件读取失败怎么处理
2020/06/23 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
英语简历自我评价
2014/01/26 职场文书
运动会通讯稿400字
2014/01/28 职场文书
班级团队活动方案
2014/08/14 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
婚育证明格式
2015/06/17 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP