这样的菜单怎么实现？？菜鸟一只，大家别笑话啊^_^

给你看看我以前的MENU.HTML，呵呵，基本都在客户端实现的。<%@ Page Language="C#" Debug="true" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="GENERATOR" Content="Microsoft Visual Studio 7.0">
<base target="main">
<link href="general.css" rel="stylesheet" type="text/css">
<script language="javascript">
overColor="#ff0000"
outColor="#000000"
var preId = ""
function doSubjectClick() 
{
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;


if ((preId != "") && (preId != srcElement.id))
{
 targetElement = document.all(preId + "_message");
 document.all(preId.charAt(7)).src = "images/plus2.gif";
 document.all(preId + "_message").style.display = "none";
}


targetId = srcElement.id + "_message";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
document.all(srcElement.id.charAt(7)).src = "images/minus.gif";
targetElement.style.display = "";
} else {
document.all(srcElement.id.charAt(7)).src = "images/plus2.gif";
targetElement.style.display = "none";
}


preId = srcElement.id;
} function doIconClick() 
{
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;



if ((preId != "") && (preId != "subject" + srcElement.id))
{
 targetElement = document.all(preId + "_message");
 document.all(preId.charAt(7)).src = "images/plus2.gif";
 document.all(preId + "_message").style.display = "none";
}



targetId = "subject" + srcElement.id + "_message";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
srcElement.src = "images/minus.gif"
targetElement.style.display = "";
} else {
srcElement.src = "images/plus2.gif"
targetElement.style.display = "none";
}


preId = "subject" + srcElement.id;
}

</script>
</HEAD>
<body leftmargin="5" topmargin="0" marginwidth="0" marginheight="0" bgColor="#fffff0">
<br>
<table width="114" border="0" cellspacing="2" cellpadding="2" align="left" ID="Table1">
<tr>
<td>
<img id="2" src="images/plus2.gif" style="CURSOR:hand" onclick="doIconClick();" width="9" height="9">
<span id="subject2" style="CURSOR:hand" onclick="doSubjectClick();" onmouseover="this.style.color=overColor" onmouseout="this.style.color=outColor">帐户查询</span><br>
<div id="subject2_message" style="DISPLAY: none">
&nbsp;<img src="images/pre1.gif" align="middle" width="9" height="18"> <a href="moneyaccountquery.aspx" target="main">
资金帐户查询</a><br>
&nbsp;<img src="images/pre1.gif" align="middle" width="9" height="18"> <a href="FundAccountQuery.aspx" target="main">
基金帐户查询</a><br>
&nbsp;<img src="images/pre1.gif" align="middle" width="9" height="18"> <a href="MoneyBalanceQuery.aspx" target="main">
资金余额查询</a><br>
&nbsp;<img src="images/pre.gif" align="middle" width="9" height="22"> <a href="FundBalanceQueryResp.aspx" target="main">
基金份额查询</a><br>
</div>
<br>
<img id="3" src="images/plus2.gif" style="CURSOR:hand" onclick="doIconClick();" width="9" height="9">
<span id="subject3" style="CURSOR:hand" onclick="doSubjectClick();" onmouseover="this.style.color=overColor" onmouseout="this.style.color=outColor">密码管理</span><br>
<div id="subject3_message" style="DISPLAY: none">
&nbsp;<img src="images/pre1.gif" align="middle" width="9" height="18"> <a href="ModifyMoneyPwd.aspx" target="main">
资金密码修改</a><br>
&nbsp;<img src="images/pre.gif" align="middle" width="9" height="22"> <a href="ModifyTradePwd.aspx" target="main">
交易密码修改</a><br>
</td>
</tr>
</table>
</body>
</HTML>