最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 用wamp能让php浏览器运行吗_wamp配置php步骤【解答】
- 2 php语言怎么学_php语言学习路径与资源推荐【学习】
- 3 PHP怎么接收XML字符串_PHP接收XML字符串的技巧【指南】
- 4 php 怎么往数组里添加数据库_php数组添数据库数据查询结果追加法【教程】
- 5 php怎么取字符串里的数组_php字符串取数组json_decode与正则匹配法【教程】
- 6 php怎么直接打印二维数组_PHP直接输出打印二维数组
- 7 php把对象转换为数组方法_php对象转数组操作详解【教程】
- 8 php数组求平均值计算方法_php数组数值平均技巧详解【指南】
- 9 PHP网站设计怎样实现用户注册功能_PHP用户注册实现步骤【功能】
- 10 php之laravel中自定义模板命令
- 11 加密解密怎样触发php代码执行_加密解密触发php代码执行方法【步骤】
- 12 php创建类对象数组对象_php对象数组实例化定义技巧【教程】
- 13 php怎么判断多维数组是否为空_PHP判断多维数组是否为空
- 14 php 怎么去除二维数组中相同的部分_php二维数组去重技巧【步骤】
- 15 网页嵌入php链接失败域名解析错误怎么办_网页嵌入php链接失败域名检查法【步骤】
最新教程
-
- Node.js 教程
- 14137 2025-08-28
-
- CSS3 教程
- 1540735 2025-08-27
-
- Rust 教程
- 21847 2025-08-27
-
- Vue 教程
- 24362 2025-08-22
-
- PostgreSQL 教程
- 21075 2025-08-21
-
- Git 教程
- 8302 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音乐播放器代码
