真心求教如何用javascript做集合菜单，做出的效果就和左边的一样---一个“+”号，点一下后就展开很多的子菜单，有源代码的更好！
真心求教如何用javascript做集合菜单，做出的效果就和左边的一样---一个“+”号，点一下后就展开很多的子菜单，有源代码的更好！
[解决办法]
http://www.leftworld.net/javascript/20020531menu2.htm
可以下来试试!
[解决办法]
看:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html>
<head>
<title> New Document </title>
<meta name= "Generator " content= "EditPlus ">
<meta name= "Author " content= " ">
<meta name= "Keywords " content= " ">
<meta name= "Description " content= " ">
</head>
<body>
<script language=JavaScript1.2>
<!--
function showsubmenu(sid) {
var whichEl = eval( "submenu " + sid);
var switchFolder = eval( "switchFolder " + sid);
var plusMinus = eval( "plusMinus " + sid);
if (whichEl.style.display == "none "){
eval( "submenu " + sid + ".style.display=\ "\ "; ");
if (sid == 2) {
plusMinus.src= "images/icon/ftv2mlastnode.gif ";
}else{
plusMinus.src= "images/icon/ftv2mnode.gif ";
switchFolder.src= "images/icon/ftv2folderopen.gif ";
}
}else{
eval( "submenu " + sid + ".style.display=\ "none\ "; ");
if (sid == 2) {
plusMinus.src= "images/icon/ftv2plastnode.gif ";
}else{
plusMinus.src= "images/icon/ftv2pnode.gif ";
switchFolder.src= "images/icon/ftv2folderclosed.gif ";
}
}
}
//-->
</script>
<table width= "778 " border= "0 " align= "center " height= "100 " cellspacing= "0 " cellpadding= "0 " class= "tableborder ">
<tr valign= "top ">
<td width= "15% " id= "frame " name= "frame " class= "UserLeft ">
<!--树型菜单开始-->
<table width= "150 " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td height= "5 "> </td>
</tr>
<tr>
<td height= "16 "> <img src= "images/icon/user_manager.gif " width= "22 " height= "16 " align= "absmiddle " /> <strong> <a href= "main.asp " target= "main "> 用户控制面板 </a> </strong> </td>
</tr>
</table>
<table width= "150 " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td onclick= "showsubmenu(0) "> <img id=plusMinus0 src= "images/icon/ftv2mnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img id= "switchFolder0 " src= "images/icon/ftv2folderopen.gif " width= "24 " height= "16 " align= "texttop " /> 服务中心 </td>
</tr>
<tr>
<td style= "display: " id= "submenu0 "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "usersms.asp " target= "main " class= "treemenu "> 短信服务 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "favorite.asp " target= "main " class= "treemenu "> 我的收藏夹 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "friend.asp " target= "main " class= "treemenu "> 我的好友 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2lastnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "userlist.asp " target= "_top " class= "treemenu "> 用户列表 </a> </td>
</tr>
</table> </td>
</tr>
</table>
<table width= "150 " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 ">
<tr>
[解决办法]
<td onclick= "showsubmenu(1) "> <img id=plusMinus1 src= "images/icon/ftv2mnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img id= "switchFolder1 " src= "images/icon/ftv2folderopen.gif " width= "24 " height= "16 " align= "texttop " /> 发布信息管理 </td>
</tr>
<tr>
<td style= "display: " id= "submenu1 "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "articlepost.asp?ChannelID=1 " target= "main " class= "treemenu "> 发布文章 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "articlelist.asp?ChannelID=1 " target= "main " class= "treemenu "> 文章管理 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "softpost.asp?ChannelID=2 " target= "main " class= "treemenu "> 发布软件 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "softlist.asp?ChannelID=2 " target= "main " class= "treemenu "> 软件管理 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "../admin/admin_FlashMenoy.asp?ChannelID=5&action=add " target= "main " class= "treemenu "> 发布套件 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2vertline.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2lastnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "../admin/admin_FlashMenoy.asp?ChannelID=5 " target= "main " class= "treemenu "> 套件管理 </a> </td>
</tr>
</table> </td>
</tr>
</table>
<table width= "150 " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "addmoney.asp " target= "main " class= "treemenu "> 帐号充值 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2folderclosed.gif " width= "24 " height= "16 " align= "texttop " /> <a href= "payment.asp " target= "main " class= "treemenu "> 付款方式 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/newsicon.gif " width= "22 " height= "16 " align= "texttop " /> <a href= "confirm.asp " target= "main " class= "treemenu "> 交费确认 </a> </td>
</tr>
</table>
<table width= "150 " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 ">
<tr>
<td onclick= "showsubmenu(2) "> <img id=plusMinus2 src= "images/icon/ftv2mlastnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img id= "switchFolder2 " src= "images/icon/menu_user.gif " width= "22 " height= "16 " align= "texttop " /> 个人设置 </td>
</tr>
<tr>
<td style= "display: " id= "submenu2 "> <table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr>
<td> <img src= "images/icon/ftv2blank.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/bieming2.gif " width= "22 " height= "16 " align= "texttop " /> <a href= "changepsw.asp " target= "main " class= "treemenu "> 修改密码 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2blank.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/usericon.gif " width= "22 " height= "16 " align= "texttop " /> <a href= "changeinfo.asp " target= "main " class= "treemenu "> 修改资料 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2blank.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2node.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/user_help.gif " width= "22 " height= "16 " align= "texttop " /> <a href= "help.asp " target= "main " class= "treemenu "> 帮 助 </a> </td>
</tr>
<tr>
<td> <img src= "images/icon/ftv2blank.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/ftv2lastnode.gif " width= "16 " height= "22 " align= "absmiddle " /> <img src= "images/icon/logout.gif " width= "22 " height= "16 " align= "texttop " /> <a href= "logout.asp " target= "_top " class= "treemenu "> 退出系统 </a> </td>
</tr>
</table> </td>
</tr>
</table>
<!--树型菜单结束-->
</body>
</html>
[解决办法]
eval的用法请看
http://maocom.com/resources/php/php4/function.php-eval.htm
