最新下载
西山居首页jQuery焦点图代码
24小时阅读排行榜
- 1 如何正确解码 URL 编码的 JSON 字符串并解析为 Go 结构体
- 2 html5怎么嵌入微信小程序_html5嵌入小程序跳转法【步骤】
- 3 html5如何实现图片模糊_html5高斯模糊图片处理【技巧】
- 4 Django模板中正确访问列表索引：使用点号而非方括号
- 5 html5日期格式支持农历吗_html5日期农历支持情况【说明】
- 6 html5布局代码等高布局兼容旧版_html5布局代码等高兼容法【解析】
- 7 FIMO输出HTML有图案填充数据吗_FIMO输出HTML图案信息【要点】
- 8 如何用纯 HTML 表格和 CSS 实现带圆角背景的横向条形图
- 9 html个人页面怎么加侧边抽屉_html侧滑菜单实现教程【布局】
- 10 将嵌套字典转换为带多级列索引的Pandas表格
- 11 html5播放rtsp怎么限帧_html5rtsp流控帧法【优化】
- 12 html个人页面怎么加搜索框_html搜索输入框美化【表单】
- 13 html5怎么嵌入水印图片_html5嵌入水印防盗法【步骤】
- 14 html5可视化编辑怎么设页面标题_html5可视化标题设置技巧【技巧】
- 15 html5怎么检测图片方向_html5图片方向识别方法【步骤】
最新教程
-
- Node.js 教程
- 16094 2025-08-28
-
- CSS3 教程
- 1546480 2025-08-27
-
- Rust 教程
- 23235 2025-08-27
-
- Vue 教程
- 25700 2025-08-22
-
- PostgreSQL 教程
- 22189 2025-08-21
-
- Git 教程
- 9172 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音乐播放器代码
