最新下载
24小时阅读排行榜
- 1 如何从PHP字符串中精准提取产品口味、数量和重量信息
- 2 React 中删除数组状态项的正确方法：避免闭包陷阱与受控组件陷阱
- 3 如何配置mysql错误日志_mysql日志路径设置
- 4 Python类中如何正确获取实例变量的最新值（而非初始值）？
- 5 c++26的std::function_ref是什么？ (零开销函数视图)
- 6 HTML5如何设置边框圆角不等长_HTML5设置边框圆角不等长途径【个性】
- 7 如何用Python高效生成三个互不相同的随机ID
- 8 如何用c++实现一个高效的稀疏集(Sparse Set)？ (ECS架构核心)
- 9 Go 中 new(T) 与 &T{} 的本质区别及使用建议
- 10 php如何防止xss攻击_php防止xss攻击过滤转义【安全】
- 11 HTML5如何对localStorage加密读写_HTML5localStorage加密读写技巧【点拨】
- 12 c++23的Deducing this是什么，如何改变类成员函数的设计？ (显式对象参数)
- 13 如何在 UPDATE 语句中安全使用子查询更新关联字段
- 14 c++如何用LLVM开发工具 c++ Clang LibTooling入门【教程】
- 15 Golang文件IO性能差如何优化_缓冲与批量读写策略
最新教程
-
- Node.js 教程
- 15491 2025-08-28
-
- CSS3 教程
- 1544622 2025-08-27
-
- Rust 教程
- 22777 2025-08-27
-
- Vue 教程
- 25254 2025-08-22
-
- PostgreSQL 教程
- 21841 2025-08-21
-
- Git 教程
- 8857 2025-08-21
<title>jQuery右侧tab标签控制图片切换特效</title>
<link href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="m-slide" style="margin:30px auto">
<ul class="img" style="position: relative; width: 490px; height: 200px;">
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: list-item;"> <a href="#" target="_blank"><img src="images/1.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/2.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/3.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;"> <a href="#" target="_blank"><img src="images/4.jpg"></a></li>
</ul>
<ul class="tab">
<li class=" on"><a href="#"><b></b> <span class="title">Picture info 1 </span></a> </li>
<li><a href="#"><b></b><span class="title">Picture info 2 </span></a></li>
<li class=" "><a href="#"><b></b><span class="title"> Picture info 3 </span></a></li>
<li class=" "><a href="#"><b></b><span class="title"> Picture info 4 </span></a></li>
</ul>
</div>
这是一款非常实用的jQuery左侧选项卡菜单点击切换代码，点击网站左侧tab切换右侧内容，通常用于帮助页面。
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
