carousel轮播器
2024-08-31 18:26:11
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="width: 900px;">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol> <div class="carousel-inner">
<div class="item active">
<img src="img/slide1.png" alt="第1张" />
<div class="carousel-caption">
<h3>Bootstrap</h3>
<p>Bootstrap是一款HTML5的响应式框架</p>
</div>
</div>
<div class="item">
<img src="img/slide2.png" alt="第2张" />
<div class="carousel-caption">
<h3>Bootstrap</h3>
<p>Bootstrap是一款HTML5的响应式框架</p>
</div>
</div>
<div class="item">
<img src="img/slide3.png" alt="第3张" />
<div class="carousel-caption">
<h3>Bootstrap</h3>
<p>Bootstrap是一款HTML5的响应式框架</p>
</div>
</div>
</div> <a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
<a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
</div>
$('#myCarousel').carousel({
interval:2000, });
最新文章
- 找到文字进行标记(replaceWith)
- DuiLib学习笔记4——布局
- 类似区间计数的种类并查集两题--HDU 3038 &; POJ 1733
- [Unity 游戏设计的元素]
- 执行shell脚本的几种方法及区别
- HDU 5877 Weak Pair(弱点对)
- TCP digest
- OFBiz之SVN下载地址
- JAVA线程优化
- js中常用的Math方法总结
- python 实现注册程序
- SecureCRT8.1+SecureCRT_keygen完成注册
- ASP.NET Core使用Razor页面
- Week3 关于“微软必应词典客户端”的案例分析
- Unity Alpha融合参数(便查)
- Oracle中UNION和ORDER BY共用方法
- SQL 字符串分割表函数
- nginx 跳转
- DICOM 协议学习笔记之 How Does DICOM Work ?
- Beta阶段——第三篇 Scrum 冲刺博客