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 相关文章推荐
ExtJS 设置级联菜单的默认值
Jun 13 Javascript
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
jcrop基本参数一览
Jul 16 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
antd配置config-overrides.js文件的操作
Oct 31 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+js实现图片的上传、裁剪、预览、提交示例
2013/08/27 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
php微信支付之APP支付方法
2015/03/04 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
JS实现的贪吃蛇游戏完整实例
2019/01/18 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
linux下安装easy_install的方法
2013/02/10 Python
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
对python中的 os.mkdir和os.mkdirs详解
2018/10/16 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
pycham查看程序执行的时间方法
2018/11/29 Python
python 自定义对象的打印方法
2019/01/12 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
棉花姑娘教学反思
2014/02/15 职场文书
2014年十一国庆节爱国演讲稿
2014/09/23 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
四风问题自我剖析材料
2014/10/07 职场文书
教师辞职信范文
2015/02/28 职场文书
土建施工员岗位职责
2015/04/11 职场文书
四大名著读书笔记
2015/06/25 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
浅谈Python数学建模之数据导入
2021/06/23 Python
Java后端 Dubbo retries 超时重试机制的解决方案
2022/04/14 Java/Android