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 相关文章推荐
juqery 学习之四 筛选过滤
Nov 30 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
javascript删除数组重复元素的方法汇总
Jun 24 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
json数据处理及数据绑定
Jan 25 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
vue+element加入签名效果(移动端可用)
Jun 17 Javascript
Vue性能优化的方法
Jul 30 Javascript
PHP 502bad gateway原因及解决方案
Nov 13 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
Terran兵种介绍
2020/03/14 星际争霸
基于mysql的论坛(5)
2006/10/09 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
是 WordPress 让 PHP 更流行了 而不是框架
2016/02/03 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
用jquery来定位
2007/02/20 Javascript
JQuery 常用方法和事件详细介绍
2013/04/18 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python外星人入侵游戏编程完整版
2020/03/30 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python SQLite3简介
2018/02/22 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
Python 忽略warning的输出方法
2018/10/18 Python
python实现小世界网络生成
2019/11/21 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
护理专业优质毕业生自荐书
2014/01/31 职场文书
医学生自荐信范文
2015/03/05 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android