ASP.net 模仿QQ游戏大厅导航菜单

[Issac25Name]

请前辈给一个用asp.net模仿QQ游戏大厅里面的树形导航菜单的实例！

急求！跪求！！！！

[冰川711]

这个都是用javascript做的 主要就是控制样式

[Issac25Name]

先自己顶一下！麻烦前辈高手指点一二！！不要VC实现的。我又用VC实现的实例！！！！！

[Issac25Name]

再顶顶吧！高手现身啊！！呜呜........

[Issac25Name]

真悲哀！等了都三天了！自己硬是写出来一个一下是代码，给大家分享一下

<script language="javascript" type="text/javascript">
function rootCheck() {
var target = document.getElementById("Main");
if (target.style.display == "none")
target.style.display = "block";
else
target.style.display = "none";
}
function fatherCheck(id) {
if(id ==1)
{
var fatherNode = document.getElementById("submenu1");
if (fatherNode.style.display == "none")
fatherNode.style.display = "block";
else
fatherNode.style.display = "none";
}
if(id==2)
{
var fatherNode = document.getElementById("submenu2");
if (fatherNode.style.display == "none")
fatherNode.style.display = "block";
else
fatherNode.style.display = "none";
}
if(id==3)
{
var fatherNode = document.getElementById("submenu3");
if (fatherNode.style.display == "none")
fatherNode.style.display = "block";
else
fatherNode.style.display = "none";
}
if(id==4)
{
var fatherNode = document.getElementById("submenu4");
if (fatherNode.style.display == "none")
fatherNode.style.display = "block";
else
fatherNode.style.display = "none";
}

}
</script>



<table height="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<tr>
<td width="171" nowrap="nowrap" align="left" valign="top" style="height: 100%">
<table width="171" height="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<tr>
<td bgcolor="#1873aa" style="width: 6px;">
 
</td>
<td width="165">
<table width="165" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td height="28" background="images/treeBack.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="19%">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/ico/1.bmp"/>
</td>
<td width="81%" height="20" onclick="rootCheck()">
<span class="STYLE1">阿尔法游戏社区</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" id="Main">
<%
Response.Write("<table width=\"151\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
for (int i = 0; i < gameList.Count; i++)
{
Model.Game model = gameList[i];
Response.Write("<tr><td>");
//循环标题行
Response.Write("<table width=\"100%\">");
Response.Write("<tr><td height=\"23\" background=\"images/treeBack.jpg\">");
Response.Write("<table width=\"100%\">");
Response.Write("<tr><td width=\"18%\" style=\"height: 19px\">");
if (model.Id == 1)
{
Response.Write("<img src=\"images/ico/2.bmp\"/>");
}
else if (model.Id == 2)
{
Response.Write("<img src=\"images/ico/goBoot.jpg\"/>");
}
else if (model.Id == 3)
{
Response.Write("<img src=\"images/ico/6.bmp\"/>");
}
else if (model.Id == 4)
{
Response.Write("<img src=\"images/ico/3.bmp\"/>");
}
Response.Write("</td><td width=\"82%\" id=\"father\" onclick=\"fatherCheck(" + model.Id + ")\">  ");
Response.Write("<a href =\"" + model.GameUrl + "\" target=\"rightFrame\">" + model.GameName + "</a>");
Response.Write("</td>");
Response.Write("</tr></table>");
Response.Write("</td></tr>");

Response.Write("<tr id=\"submenu"+model.Id+"\"><td>");
roomList = inntRoom(model.Id);

for (int j = 0; j < roomList.Count; j++)
{
Model.Room room = roomList[j];

Response.Write("<div><table><tr><td>");
Response.Write("        <img src=\"images/ico/5.bmp\" width=\"10\" height=\"10\" /></td>");
if (model.Id == 1)
{
Response.Write("<td><a href=\"cards.aspx?roomId="+room.Id+"\" target=\"rightFrame\" style=\"text-decoration:none\">");
}
if (model.Id == 2)
{
Response.Write("<td><a href=\"snooker.aspx?roomId="+room.Id+"\" target=\"rightFrame\" style=\"text-decoration:none\">");
}
if (model.Id == 3)
{
Response.Write("<td><a href=\"chess.aspx?roomId="+room.Id+"\" target=\"rightFrame\" style=\"text-decoration:none\">");
}
if (model.Id == 4)
{
Response.Write("<td><a href=\"gobang.aspx?roomId="+room.Id+"\" target=\"rightFrame\" style=\"text-decoration:none\">");
}
Response.Write("<font color=\"black\" size=\"-1\">" + room.RoomName + "</font></td></tr>");
Response.Write("</table></div>");
}
Response.Write("</td></tr></table>");
Response.Write("</td></tr>");
}
Response.Write("</table>");
%>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>>
</table>