最新下载
24小时阅读排行榜
- 1 摩根大通推出IndexGPT:智能化投资建议引领新潮流
- 2 Linux系统的VPS性能怎么测试
- 3 php redis如何实现定时任务
- 4 mysql标识列的特点有哪些
- 5 现场对标ChatGPT!又一AI大模型发布,还要渗透这么多行业
- 6 VR在智慧旅游行业的应用
- 7 中国首个Pocket Gallery虚拟展厅亮相中央美术学院美术馆
- 8 重大安全风险!美光公司产品对中国关键信息基础设施构成威胁
- 9 新一代天猫精灵评测:里面住了个温暖还话痨的AI朋友
- 10 苹果江郎才尽?前营销高管不看好苹果AR/VR头显。
- 11 MySQL的循环语句有哪些
- 12 AIGC能为元宇宙里的「人」做些什么?|1号AIGC季②
- 13 AI将夺走人类的“饭碗”?听听科技大咖们怎么说!
- 14 升级到 Windows 11 后如何避免垃圾邮件
- 15 苹果限制员工使用ChatGPT等外部AI,担心泄露机密数据
最新教程
-
- Webpack4.x---十天技能课堂
- 2070 2024-02-02
-
- Bootstrap4.x---十天精品课堂
- 2146 2024-01-30
-
- ECMAScript6 / ES6---十天技能课堂
- 2725 2024-01-26
-
- Laravel---API接口
- 2134 2024-01-23
-
- php-src源码分析探索
- 1219 2024-01-22
-
- 搭建网站 vscode+xdebug调试php代码 调试环境搭建
- 2360 2024-01-18
<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切换右侧内容,通常用于帮助页面。