最新下载
Twitter Bootstrap表单验证
门户网站jQuery相册代码
24小时阅读排行榜
- 1 c++中如何获取磁盘剩余空间_c++ filesystem获取磁盘信息方法【实例】
- 2 Laravel中如何查看SQL执行日志_Laravel开启打印SQL语句方法【技巧】
- 3 什么是javascript数组_有哪些高阶函数方法【教程】
- 4 JavaScript垃圾回收机制如何管理内存【教程】
- 5 如何将 POST 数据持久化保存到 PHP 文件中并实现离线访问
- 6 ext4 "EXT4-fs warning: 31 callbacks suppressed" 日志刷屏的抑制方法
- 7 如何在Golang中优化微服务调用延迟_Golang微服务性能提升方法
- 8 如何在Golang Web中实现静态资源服务_静态文件处理方案
- 9 javascript怎样进行错误调试【教程】
- 10 如何在Golang中优化并发性能_Golang goroutine调度与资源管理方法
- 11 c++中如何防止头文件重复包含_c++ #ifndef与#pragma once区别【实例】
- 12 c++中如何判断一个数是否为丑数_c++丑数分解算法实现【详解】
- 13 Go 中变参函数不支持混合使用展开切片与普通参数的原理与解决方案
- 14 Golang make函数适用于哪些类型_make使用规则解析
- 15 如何在纯静态网站中统一管理多页面导航栏(无需 PHP)
最新教程
-
- Node.js 教程
- 15914 2025-08-28
-
- CSS3 教程
- 1545994 2025-08-27
-
- Rust 教程
- 23106 2025-08-27
-
- Vue 教程
- 25577 2025-08-22
-
- PostgreSQL 教程
- 22081 2025-08-21
-
- Git 教程
- 9085 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切换右侧内容,通常用于帮助页面。
