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 相关文章推荐
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
Javascript事件实例详解
Nov 06 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
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解析URL函数parse_url和parse_str
2014/11/11 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
js event事件的传递与冒泡处理
2009/12/06 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
angularjs使用directive实现分页组件的示例
2017/02/07 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
Bootstrap实现模态框效果
2019/09/30 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
Python导入txt数据到mysql的方法
2015/04/08 Python
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
介绍一下Python中webbrowser的用法
2013/05/07 面试题
教师自荐书
2013/10/08 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
社会实践活动总结范文
2014/07/03 职场文书
模范教师事迹材料
2014/12/16 职场文书
整脏治乱工作简报
2015/07/21 职场文书
小学班主任教育随笔
2015/08/15 职场文书
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android
Android实现图片九宫格
2022/06/28 Java/Android