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 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
详解Node 定时器
Feb 26 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
VuePress 中如何增加用户登录功能
Nov 29 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读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
php实现mysql数据库操作类分享
2014/02/14 PHP
浅谈JavaScript函数参数的可修改性问题
2013/12/05 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
js实现二级导航功能
2017/03/03 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
js实现点赞效果
2020/03/16 Javascript
python交互式图形编程实例(二)
2017/11/17 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
Python3进制之间的转换代码实例
2019/08/24 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
2020/01/24 Python
Theory美国官网:后现代都市风时装品牌
2018/05/09 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
社区志愿者心得体会
2014/01/03 职场文书
给同事的道歉信
2014/01/11 职场文书
《荷花》教学反思
2014/04/16 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
教你用Python matplotlib库制作简单的动画
2021/06/11 Python
Python 键盘事件详解
2021/11/11 Python
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis