最新下载
西山居首页jQuery焦点图代码
CSS3扁平化风格联系表单
24小时阅读排行榜
- 1 html5布局代码zindex层级控制_html5布局代码层级设置法【技巧】
- 2 如何在 Polars 中按组筛选匹配项并提取最高分对应的列表元素
- 3 如何在事件监听中获取被点击按钮的文本值而不使用 bind 或传参
- 4 php连接sqlite3新增方法_php sqlite3新特性使用【技巧】
- 5 Python中类变量的继承与赋值行为详解
- 6 SQL JOIN 中索引是如何被利用的？
- 7 php实时输出ajax请求能用吗_php实时输出ajax交互法【技巧】
- 8 php页面怎么加渐变边框特效_php页面渐变边框设置法【步骤】
- 9 php怎样获取数组下标索引集_php索引数组下标集取法【技巧】
- 10 如何将简历附件字段设为可选
- 11 php页面径向渐变怎么做_php页面径向渐变实现法【步骤】
- 12 ksoftirqd 长期占用 20-40% 的 softnet backlog 与网卡参数调整
- 13 php实时输出循环里怎么用_php实时输出循环刷新法【步骤】
- 14 php连接websocket与ajax轮询比_php连接websocket优劣对比【对比】
- 15 html个人页面怎么加粒子动画_htmlCanvas粒子特效法【动效】
最新教程
-
- Node.js 教程
- 16082 2025-08-28
-
- CSS3 教程
- 1546459 2025-08-27
-
- Rust 教程
- 23226 2025-08-27
-
- Vue 教程
- 25695 2025-08-22
-
- PostgreSQL 教程
- 22182 2025-08-21
-
- Git 教程
- 9171 2025-08-21
<div id="wrapper">
<h1>Title</h1>
<div id="slider-wrap">
<ul id="slider">
<li data-color="#1abc9c">
<div>
<h3>Slide #1</h3>
<span>Sub-title #1</span>
</div>
<i class="fa fa-image"></i>
</li>
<li data-color="#3498db">
<div>
<h3>Slide #2</h3>
<span>Sub-title #2</span>
</div>
<i class="fa fa-gears"></i>
</li>
<li data-color="#9b59b6">
<div>
<h3>Slide #3</h3>
<span>Sub-title #3</span>
</div>
<i class="fa fa-sliders"></i>
</li>
<li data-color="#34495e">
<div>
<h3>Slide #4</h3>
<span>Sub-title #4</span>
</div>
<i class="fa fa-code"></i>
</li>
<li data-color="#e74c3c">
<div>
<h3>Slide #5</h3>
<span>Sub-title #5</span>
</div>
<i class="fa fa-microphone-slash"></i>
</li>
</ul>
jQuery带标题文字介绍的图片轮播插件，代码很简洁的一个焦点图切换效果，本例中是以字体图标代替图片，鼠标悬停左右箭头上一张下一张切换按钮会出现。
相关推荐
2019最新原生js实现带缩略图文字说明左右轮播切换相册插件
图文标签分类Tab选项卡滑动轮播切换js特效插件
热门下载
canvas音谱可视化mp3音乐播放器代码
