最新下载
24小时阅读排行榜
- 1 win10无法修改Hosts文件提示没有权限怎么办 _Win10 Hosts文件无法修改解决方法
- 2 splitlines在python中返回列表
- 3 知网查重官网入口 免费AIGC检测链接
- 4 如何在Linux中备份和恢复用户数据？
- 5 微信视频通话画面卡顿怎么办 微信视频通话网络优化与操作方法
- 6 JavaScript装饰器模式与元编程技术
- 7 亚马逊代购支付陷阱警示_亚马逊代购支付陷阱识别
- 8 TikTok直播画面卡顿怎么办 TikTok直播画面优化与网络调整方法
- 9 淘宝购物车商品消失怎么办 淘宝购物车同步与修复方法
- 10 虚拟伴侣AI如何升级对话质量 虚拟伴侣AI自然语言处理的进阶教程
- 11 Bilibili登录页面 Bilibili官网网址
- 12 虚拟伴侣AI如何实现情景对话 虚拟伴侣AI场景模拟功能的设置技巧
- 13 html5使用web components构建可复用按钮 html5使用自定义元素的实战
- 14 python中mock的断言使用
- 15 soul怎么看对方把我设置成了什么关系_Soul好友关系查看方法
最新教程
-
- Node.js 教程
- 5987 2025-08-28
-
- CSS3 教程
- 881987 2025-08-27
-
- Rust 教程
- 9610 2025-08-27
-
- Vue 教程
- 11723 2025-08-22
-
- PostgreSQL 教程
- 9076 2025-08-21
-
- Git 教程
- 4746 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切换右侧内容，通常用于帮助页面。
相关推荐
tab标签图片切换大图预览特效
热门下载
canvas音谱可视化mp3音乐播放器代码
