有事无事都密我. MSN: cyyu_ryh@hotmail.co.jp E-mail: cyyu_ryh@
恩?怎么做啊?用 PANEL?
不是的,是一个页面做出这个按钮被点击后的效果,另一个页面做出那个按钮被点击后的效果,其他的页面再做出另外的按钮被点击后的效果
<html>
<head>
<title>
</title>
</head>
<body>
<link href="index.css" rel="stylesheet" type="text/css">
<SCRIPT language=javascript>
function selectLayer5(i)
{
switch(i)
{
case 1:
document.getElementById("bang1_day").style.display="block";
document.getElementById("bang1_week").style.display="none";
document.getElementById("bang2_day").style.display="none";
break;
case 2:
document.getElementById("bang1_day").style.display="none";
document.getElementById("bang1_week").style.display="block";
document.getElementById("bang2_day").style.display="none";
break;
case 3:
document.getElementById("bang1_day").style.display="none";
document.getElementById("bang1_week").style.display="none";
document.getElementById("bang2_day").style.display="block";
break;
}
}
</SCRIPT><br>
<table border="0" width="500" id="tb1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">
<div id="bang1_day" style="DISPLAY: block">
<div id="menu_article_list">
<span class="photo" >企业公告</span>
<span class="article"><a href="javascript:selectLayer5(2);" target=_self class="link14">企业新闻</a>
<span class="article"><a href="javascript:selectLayer5(3);" target=_self class="link14">最近生日的同事</a>
</div>
<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
企业公告企业公告企业公告企业公告企业公告<br>
</div>
<div id="bang1_week" style="DISPLAY: none">
<div id="menu_article_list">
<span class="article"><a href="javascript:selectLayer5(1);" target=_self class="link14">企业公告</a>
<span class="photo">企业新闻</span>
<span class="article"><a href="javascript:selectLayer5(3);" target=_self class="link14">最近生日的同事</a>
</div><br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
企业新闻企业新闻企业新闻企业新闻企业新闻企业新闻<br>
</div>
<div id="bang2_day" style="DISPLAY: none">
<div id="menu_article_list">
<span class="article"><a href="javascript:selectLayer5(1);" target=_self class="link14">企业公告业</a>
<span class="article"><a href="javascript:selectLayer5(2);" target=_self class="link14">企业新闻</a>
<span class="photo">最近生日的同事</span>
</div><br>
最近生日的同事
</div>
</td>
</tr>
</table>
</body>
</html>
///////////////////////////
index.css:
.hot{font-family: Tahoma;font-size: 12 px;}
#menu_photo_list{height:1px;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F1F1F1, EndColorStr=#DCDCDC);}
#menu_article_list{height:1px;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F1F1F1, EndColorStr=#DCDCDC);}
.photo{border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid;border-top:1px #CCCCCC solid;padding-left:80px; padding-right:60px; height:20px;
background-color:#FFFFFF; cursor:pointer}
.article{cursor:pointer;padding-left:50px; padding-right:50px;}
.link14 {font-family: Tahoma;font-size: 12 px;color:#FFFFFF}
a.link14:link {color: #000000;text-decoration: none;}
a.link14:visited {color:#000000;text-decoration: none;}
a.link14:hover {color:#000000;text-decoration: none;}
a.link14:active {color:#000000;text-decoration: none;}
body {
MARGIN: 0px;
font-family: Tahoma;
COLOR: #000000;
FONT-SIZE:12px;
text-align: center;
}
td
{
font-size: 12px;
}