象QQ一样的自动伸缩菜单

<table border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#6699CC">
<tr>
 <td align="center"><font color="#FFFFFF">员工：系统管理员</font></td>
</tr>
</table>
<table style="cursor : hand" onClick="return chg_chnl("work");" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>工作目录</nobr></font></td>
 <td align="center"><div id="div_work" class="jd">5</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="work" style="display : ">
<table border="0" cellpadding=1 cellspacing=1>
 <!--tr>
  <td align="center"><a href="customer_service/list.asp" target="main"><img src="webimages/customer_service.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="customer_service/list.asp" target="main"><nobr>客户服务</nobr></a></td>
 </tr-->
 <tr>
  <td align="center"><a href="customer/list.asp" target="main"><img src="webimages/customer.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="customer/list.asp" target="main"><nobr>客户管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="project/list.asp" target="main"><img src="webimages/project.jpg" width=25 height=25 width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="project/list.asp" target="main"><nobr>项目管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="contract/list.asp" target="main"><img src="webimages/contract.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="contract/list.asp" target="main"><nobr>合同管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="document/list.asp" target="main"><img src="webimages/document.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="document/list.asp" target="main"><nobr>文档管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="employee/list.asp" target="main"><img src="webimages/employee.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="employee/list.asp" target="main"><nobr>人事管理</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl("myhome");" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>个人工具</nobr></font></td>
 <td align="center"><div id="div_myhome" class="jd">6</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="myhome" style="display : none">
<table border="0" cellpadding=1 cellspacing=1>
 <tr>
  <td align="center"><a href="employee/msg.asp" target="main"><img src="webimages/msg.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="employee/msg.asp" target="main"><nobr>消息管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="setup.asp" target="foot"><img src="webimages/personal.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="setup.asp" target="foot"><nobr>个性设置</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="loginname.asp" target="foot"><img src="webimages/password.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="loginname.asp" target="foot"><nobr>修改用户名</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="password.asp" target="foot"><img src="webimages/password.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="password.asp" target="foot"><nobr>修改密码</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl("system");" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>系统管理</nobr></font></td>
 <td align="center"><div id="div_system" class="jd">6</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="system" style="display : none">
<table border="0" cellpadding=1 cellspacing=1>
 <tr>
  <td align="center"><a href="system/employee.asp" target="main"><img src="webimages/auth.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/employee.asp" target="main"><nobr>权限分配</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/transfer_rec.asp" target="main"><img src="webimages/transfer.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/transfer_rec.asp" target="main"><nobr>工作移交</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/branch.asp" target="main"><img src="webimages/branch.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/branch.asp" target="main"><nobr>分 公 司</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/op_rec.asp" target="main"><img src="webimages/op_rec.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/op_rec.asp" target="main"><nobr>操作日志</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/doc_type.asp" target="main"><img src="webimages/document.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/doc_type.asp" target="main"><nobr>文档类型</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl("exit");" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>退出系统</nobr></font></td>
 <td align="center"><div id="div_exit" class="jd">6</div></td>
</tr>
</table>
</center>
</body>
</html>
<script language="JavaScript" type="text/javascript">
 function chg_chnl(chnl){
  if(document.all){
   work.style.display = "none"; div_work.innerHTML = "6";
   system.style.display = "none"; div_system.innerHTML = "6";
   myhome.style.display = "none"; div_myhome.innerHTML = "6";
   switch(chnl){
    case "work":
     work.style.display = ""; div_work.innerHTML = "5"; break;
    case "system":
     system.style.display = ""; div_system.innerHTML = "5"; break;
    case "myhome":
     myhome.style.display = ""; div_myhome.innerHTML = "5"; break;
    case "exit":
     top.location.href = "exit.asp"; break;
    default:
     work.style.display = ""; break;
   }
  }
  return false;
 }
</script>