<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>支持多个静态选项卡切换代码 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/tabqh.js"></script>
<style type="text/css">
.hiddendiv{display: none;}
</style>
</head>
<body>
<div class="tabqh">
<div class="menu">
<ul>
<li class="tabfirstli"><a href="javascript:void(0);" onmouseover="showThis(1,'divNumber','tabcontent','tablink');" class="tabactive" id="tablink1">最新公告</a></li>
<li><a href="javascript:void(0);" onmouseover="showThis(2,'divNumber','tabcontent','tablink');" id="tablink2">行业纵览</a></li>
<li><a href="javascript:void(0);" onmouseover="showThis(3,'divNumber','tabcontent','tablink');" id="tablink3">产业聚焦</a></li>
<li><a href="javascript:void(0);" onmouseover="showThis(4,'divNumber','tabcontent','tablink');" id="tablink4">创新成果</a></li>
</ul>
</div>
<div id="tabcontent1" name="divNumber" class="tabdiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
<div id="tabcontent2" name="divNumber" class="tabdiv hiddendiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
<div id="tabcontent3" name="divNumber" class="tabdiv hiddendiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
<div id="tabcontent4" name="divNumber" class="tabdiv hiddendiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
</div>
<div class="tabqh2">
<div class="menu">
<ul>
<li class="tabfirstli"><a href="javascript:void(0);" onmouseover="showThis(1,'divNumberh','tabContenth','tablinkh');" class="tabactive" id="tablinkh1">会员单位</a></li>
<li><a href="javascript:void(0);" onmouseover="showThis(2,'divNumberh','tabContenth','tablinkh');" id="tablinkh2">国外会员</a></li>
<li><a href="javascript:void(0);" onmouseover="showThis(3,'divNumberh','tabContenth','tablinkh');" id="tablinkh3">科研机构</a></li>
</ul>
</div>
<div id="tabContenth1" name="divNumberh" class="tabdiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
<div id="tabContenth2" name="divNumberh" class="tabdiv hiddendiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
<div id="tabContenth3" name="divNumberh" class="tabdiv hiddendiv">
<ul>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型......</a></li>
<li><span style="float: right;">[2014-06-12]</span><a href="#">创新型热电材料转换效率创世界纪录创新型热电材料转换......</a></li>
</ul>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
支持多个静态选项卡切换代码.zip
版权申诉
42 浏览量
2022-11-26
11:03:18
上传
评论
收藏 102KB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 基于ASMSEdit的输入数据校验
- MySql5.7版本连接Unity需要的mysql.data.dll文件
- 基于Objective-C实现手机共享单车信息管理系统设计与实现
- Firewalls Don't Stop Dragons, 3rd Edition
- rk3588rk3588s使用c++多线程异步等优化c++实现源码(yolov5运行可达到142fps)+项目使用说明.zip
- Jenkins Continuous Integration Cookbook, Second Edition
- 首涂第二十八套-新版海螺M3多功能苹果CMSv10自适应全屏高端模板 (1).zip
- 游戏开发+JavaScript+贪吃蛇+源码
- Extending Jenkins
- yolov5+Deepsort部署于rk3588和rk3399pro开发板C++完整源码(车辆行人跟踪)+模型+部署文档.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈