最新下载
24小时阅读排行榜
- 1 PHP如何获取当前日期和时间_PHP的date函数格式化日期时间详解
- 2 在Java中如何使用异常来控制程序流程
- 3 使用VSCode进行Vue.js开发
- 4 mysql如何查看索引的使用情况
- 5 Java继承与接口实现：常见错误解析与最佳实践
- 6 Java中ArithmeticException的常见触发原因
- 7 京东快递物流信息查询 京东包裹运输进度实时更新
- 8 CSS盒模型中的padding百分比相对于谁计算_CSS规范说明
- 9 pythonfor循环怎么对文件中的数字求和_pythonfor循环读取文件数字内容并求和的方法
- 10 即梦忘记密码了怎么办_即梦密码找回操作指南
- 11 电脑玩游戏时突然自动关机或重启
- 12 怎么跳过Win11联网登录 Win11安装时绕过微软账户的方法
- 13 手机CPU跑分软件哪个好_常用手机CPU跑分软件推荐与使用
- 14 Windows系统加密方法_BitLocker使用指南
- 15 windows10如何调整图标之间的水平和垂直间距_windows10桌面图标间距调整方法
最新教程
-
- Node.js 教程
- 7620 2025-08-28
-
- CSS3 教程
- 1065894 2025-08-27
-
- Rust 教程
- 12097 2025-08-27
-
- Vue 教程
- 14286 2025-08-22
-
- PostgreSQL 教程
- 11036 2025-08-21
-
- Git 教程
- 5217 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标签图片切换大图预览特效
图文标签分类Tab选项卡滑动轮播切换js特效插件
热门下载
canvas音谱可视化mp3音乐播放器代码
