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的单例模式 (singleton in Javascript)
Jun 11 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
使用js实现数据格式化
Dec 03 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
node.js入门学习之url模块
Feb 25 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
Sep 01 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
js实现可爱的气泡特效
Sep 05 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
PHP curl模拟浏览器采集阿里巴巴的实现代码
2011/04/20 PHP
php读取flash文件高宽帧数背景颜色的方法
2015/01/06 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
php socket通信简单实现
2016/11/18 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
jQuery获取选中单选按钮radio的值
2016/12/27 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
Vue实现数据请求拦截
2019/10/23 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
python访问sqlserver示例
2014/02/10 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
竞聘演讲稿怎么写
2014/08/28 职场文书
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
Java数据开发辅助工具Docker与普通程序使用方法
2021/09/15 Java/Android
Linux中如何安装并部署Redis
2022/04/18 Servers
关于vue-router-link选择样式设置
2022/04/30 Vue.js