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 对象的解释
Nov 24 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 Javascript
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 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在线生成ico文件的代码
2007/10/09 PHP
PHP下escape解码函数的实现方法
2010/08/08 PHP
CodeIgniter视图使用注意事项
2016/01/20 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
jquery Tab效果和动态加载的简单实例
2013/12/11 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
基于编写jQuery的无缝滚动插件
2014/08/02 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
2020/04/14 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
今天 平安夜 Python 送你一顶圣诞帽 @微信官方
2017/12/25 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
外包公司软件测试工程师
2014/11/01 面试题
大学校园生活自我鉴定
2014/01/13 职场文书
教师产假请假条范文
2014/04/10 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
2015年学校政教工作总结
2015/07/20 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript