请给一个qq样式的网页菜单!

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Menu</title>
<script language=javascript>
function showSubmenu(obj)
{
for(var i=0;i<submunuTbody.length;i++)
{
if(submunuTbody[i]!=obj) submunuTbody[i].style.display="none";
else submunuTbody[i].style.display="";

}}
</script>
</head><body>
<table style="width:100%;height:100%">
<tr style="height:20;background-color:cccccc" onclick="showSubmenu(submunuTbody[0]);" >
  <td>Menu01</td>
</tr>
<tbody id=submunuTbody >
<tr style="height:20;background-color:eeeeee">
  <td>Menu0101</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0102</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0103</td>
</tr>
<tr >
  <td></td>
</tr>
</tbody><tr style="height:20;background-color:cccccc" onclick="showSubmenu(submunuTbody[1]);"  >
  <td>Menu02</td>
</tr>
<tbody id=submunuTbody style="display:none">
<tr style="height:20;background-color:eeeeee">
  <td>Menu0201</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0202</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0203</td>
</tr>
<tr >
  <td></td>
</tr>
</tbody><tr style="height:20;background-color:cccccc" onclick="showSubmenu(submunuTbody[2]);"  >
  <td>Menu03</td>
</tr>
<tbody id=submunuTbody style="display:none">
<tr style="height:20;background-color:eeeeee">
  <td>Menu0301</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0302</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0303</td>
</tr>
<tr >
  <td></td>
</tr>
</tbody><tr style="height:20;background-color:cccccc" onclick="showSubmenu(submunuTbody[3]);"  >
  <td>Menu04</td>
</tr>
<tbody id=submunuTbody style="display:none">
<tr style="height:20;background-color:eeeeee">
  <td>Menu0401</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0402</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0403</td>
</tr>
<tr >
  <td></td>
</tr>
</tbody><tr style="height:20;background-color:cccccc" onclick="showSubmenu(submunuTbody[4]);"  >
  <td>Menu05</td>
</tr>
<tbody id=submunuTbody style="display:none">
<tr style="height:20;background-color:eeeeee">
  <td>Menu0501</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0502</td>
</tr>
<tr style="height:20;background-color:eeeeee">
  <td>Menu0503</td>
</tr>
<tr >
  <td></td>
</tr>
</tbody></table>
</body></html>