carousel-finish.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>旋转木马</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet"
type="text/css">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">旋转木马</h1>
<div id="carousel1" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="http://placehold.it/940x360/C24704/FFFFFF&text=Wordpress" alt="">
<div class="carousel-caption">
<h4>标题一</h4>
<p>Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
<div class="item">
<img src="http://placehold.it/940x360/FFEB79&text=Joomla" alt="">
<div class="carousel-caption">
<h4>标题二</h4>
<p> Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
<div class="item">
<img src="http://placehold.it/940x360/A0E0A9/FFFFFF&text=Drupal" alt="">
<div class="carousel-caption">
<h4>标题三</h4>
<p>Egestas eget quam. Donec id elit non mi porta gravida at eget metus. </p>
</div>
</div>
</div>
<a href="#carousel1" data-slide="prev" class="left carousel-control">‹</a>
<a href="#carousel1" data-slide="next" class="right carousel-control">›</a>
</div>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到:
相关推荐
原生Bootstrap旋转木马特效.zip
原生Bootstrap旋转木马特效是一款基于jQuery实现的图片轮播切换代码。
grid-to-carousel.js是一款可以将Bootstrap网格转换为旋转木马特效的jQuery插件。通过该jQuery插件,可以将指定的网格内容扩展为旋转木马效果,通过前后导航按钮来轮流播放。
这是一款在原生Bootstrap carousel之上进行扩展而制作的实用jQuery旋转木马插件。该旋转木马插件在不改变原有的HTML标签的情况下,通过JS来重构旋转木马的结构,并结合CSS样式来完成旋转木马的显示。
visor-carousel是一款兼容Bootstrap3的jQuery旋转木马插件。制作Visor Carousel旋转木马插件的目的是制作一个轻量级支持多个视图子项的旋转木马。
这是一款在原生Bootstrap carousel之上进行扩展而制作的实用jQuery旋转木马插件。该旋转木马插件在不改变原有的HTML标签的情况下,通过JS来重构旋转木马的结构,并结合CSS样式来完成旋转木马的显示。演示地址:...
jQuery兼容Bootstrap3旋转木马插件Visor Carousel.zip
visor-carousel是一款兼容Bootstrap3的jQuery旋转木马插件。制作Visor Carousel旋转木马插件的目的是制作一个轻量级支持多个视图子项的旋转木马。
jQuery和原生Bootstrap相结合实现旋转木马特效源码.zip
grid-to-carousel.js是一款可以将Bootstrap网格转换为旋转木马特效的jQuery插件。通过该jQuery插件,可以将指定的网格内容扩展为旋转木马效果,通过前后导航按钮来轮流播放。
Dimon是多用途的软件app电脑端宣传网站Html模板,模板基于...包括OWL旋转木马 有效的HTML5和CSS3 CSS3动画 Bootstrap4.3.1框架 真正的SEO优化的代码 跨浏览器兼容性 W3C验证代码 充分响应 完全可定制的和易于修改
家用旋转木马-Bootstrap 5旋转木马3.关于本节-Bootstrap 5网格4.服务卡-Bootstrap 5卡5.披萨图片库-Bootstrap 5网格 #### 6.评论轮播-Bootstrap 5轮播7.页脚部分-Bootstrap 5网格和输入 项目中使用了许多Bootstrap...
可以用于任何业务或产品展示,你可以用它来摄影工作室,创业机构,作品集模板,为个人,企业,软件应用等...团队成员和客户网格和旋转木马。 动画进度条。 倒数计时器。 定价表。 搜索引擎优化的代码。 易于使用和可定制的。
已经实施: 旋转木马可切换的标签警报消息落下将要执行: 模态滚动间谍工具提示约夏克布丁纽扣坍塌词缀自动完成日期选择器发展准备环境全局安装 Gulp: npm install -g gulp 安装本地 npm 模块: npm install运行...
bootstrap框架提供了很多好用的javascript组件,可以很方便的实现常用的js效果,比如点击弹出一个div(modal)、下拉菜单、旋转木马(carousel或slider),非常适合前端不专业的后端程序员使用。下面就来看下modal和...
Learning Bootstrap-4(适用于Noobs的代码) 尝试为我的课堂项目学习Bootstrap-4。 期待什么 这不是最好的Bootstrap代码,如果您... 旋转木马非常简单易用的旋转木马。 下拉菜单NavbarMenu中的下拉菜单也可以实现其他
first 是移动web应用程序/管理仪表板与平ui主题基于Bootstrap 3,它是轻量级的,但许多组件适合你的需要。...幻灯片和旋转木马 面板和列表组移动小部件 增强的轻量级图表组件 js转变让你移动Dom当屏幕改变
智能引导滑动旋转木马 添加了智能滑动功能,允许通过滑动在移动设备上移动滑块。 这个轮播插件的不同之处在于它可以进行多次滑动,并且会相应地更改幻灯片。 默认情况下,自举轮播不允许在滑动时更改幻灯片。 观看...
风格指南入门套件 一个带有前端开发环境集(Bootstrap、Less、Font Awesome)的入门工具包,以及在样式指南中组织的各种组件。 通过复制和粘贴组件逻辑来定制较少的组件并...旋转木马 模态 执照 Starter Kit 是在下。