<!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>
<title>网页js特效,css群:109920294,网站重构设计,网聚中国</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/163css.css" type="text/css" rel="stylesheet"/>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>
<body>
<div class="box">
<div class="top">
<ul>
<li id="one1" onmouseover="setTab('one',1,5)" class="hover"><a href="#">招标预告</a></li>
<li id="one2" onmouseover="setTab('one',2,5)" ><a href="#">招标公告</a></li>
<li id="one3" onmouseover="setTab('one',3,5)" ><a href="#">变更</a></li>
<li id="one4" onmouseover="setTab('one',4,5)" ><a href="#">评标公示</a></li>
<li id="one5" onmouseover="setTab('one',5,5)" ><a href="#">中标公告</a></li>
</ul>
</div>
<div class="mid">
<div id="con_one_1" class="hover">
<img src="images/img01.gif" />
</div>
<div id="con_one_2" style="display:none">
音乐列表
</div>
<div id="con_one_3" style="display:none">
博客信息
</div>
<div id="con_one_4" style="display:none">
体育世界
</div>
<div id="con_one_5" style="display:none">
体育世界
</div>
</div>
</div>
<div class="box">
<div class="top">
<ul>
<li id="two1" onmouseover="setTab('two',1,5)" class="hover"><a href="#">招标预告</a></li>
<li id="two2" onmouseover="setTab('two',2,5)" ><a href="#">招标公告</a></li>
<li id="two3" onmouseover="setTab('two',3,5)" ><a href="#">变更</a></li>
<li id="two4" onmouseover="setTab('two',4,5)" ><a href="#">评标公示</a></li>
<li id="two5" onmouseover="setTab('two',5,5)" ><a href="#">中标公告</a></li>
</ul>
</div>
<div class="mid">
<div id="con_two_1" class="hover">
<img src="images/img01.gif" />
</div>
<div id="con_two_2" style="display:none">
音乐列表
</div>
<div id="con_two_3" style="display:none">
博客信息
</div>
<div id="con_two_4" style="display:none">
体育世界
</div>
<div id="con_two_5" style="display:none">
体育世界
</div>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网页js特效,css群:109920294,网站重构设计,网聚中国</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/163css.css" type="text/css" rel="stylesheet"/>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>
<body>
<div class="box">
<div class="top">
<ul>
<li id="one1" onmouseover="setTab('one',1,5)" class="hover"><a href="#">招标预告</a></li>
<li id="one2" onmouseover="setTab('one',2,5)" ><a href="#">招标公告</a></li>
<li id="one3" onmouseover="setTab('one',3,5)" ><a href="#">变更</a></li>
<li id="one4" onmouseover="setTab('one',4,5)" ><a href="#">评标公示</a></li>
<li id="one5" onmouseover="setTab('one',5,5)" ><a href="#">中标公告</a></li>
</ul>
</div>
<div class="mid">
<div id="con_one_1" class="hover">
<img src="images/img01.gif" />
</div>
<div id="con_one_2" style="display:none">
音乐列表
</div>
<div id="con_one_3" style="display:none">
博客信息
</div>
<div id="con_one_4" style="display:none">
体育世界
</div>
<div id="con_one_5" style="display:none">
体育世界
</div>
</div>
</div>
<div class="box">
<div class="top">
<ul>
<li id="two1" onmouseover="setTab('two',1,5)" class="hover"><a href="#">招标预告</a></li>
<li id="two2" onmouseover="setTab('two',2,5)" ><a href="#">招标公告</a></li>
<li id="two3" onmouseover="setTab('two',3,5)" ><a href="#">变更</a></li>
<li id="two4" onmouseover="setTab('two',4,5)" ><a href="#">评标公示</a></li>
<li id="two5" onmouseover="setTab('two',5,5)" ><a href="#">中标公告</a></li>
</ul>
</div>
<div class="mid">
<div id="con_two_1" class="hover">
<img src="images/img01.gif" />
</div>
<div id="con_two_2" style="display:none">
音乐列表
</div>
<div id="con_two_3" style="display:none">
博客信息
</div>
<div id="con_two_4" style="display:none">
体育世界
</div>
<div id="con_two_5" style="display:none">
体育世界
</div>
</div>
</div>
</body>
</html>
下载附件：
