一个酷的菜单
<html>
<style type="text/css">
<!--
td  { font-family: "宋体", "Arial Narrow", "Times New Roman"; font-size: 12px}
th  { font-family: "宋体", "Arial Narrow", "Times New Roman"; font-size: 12px}
/-->
</style>
<script language="javascript">
<!--
function turnit (dvn){
if (dvn.style.display=="none") {
dvn.style.display="";
}else {
if (dvn.style.display=="") {
dvn.style.display="none";
   }
}

}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">

 
<table width="21%" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0" align="center">
 &nbsp; <a name="divhere"></a>
 <tr valign=top>
   
  <td width=6% height=22><font color="#FF0033">■</font></td>
  <td bgcolor="#F2F2F2" width="94%"><a style="cursor:hand" onClick=turnit(M001)><font size=-1><b>
   菜单一 </b></font></a>
   <div id=M001 style='DISPLAY: none'>
     
    <table border=0 cellspacing=0 cellpadding=0 bgcolor="#CCCCCC">
     <tr>
       
      <td width=20 align=right valign=top><font color="#FFFFFF">---</font></td>
       
      <td><a href=#2><font size=-1><b>子菜单一</b></font></a><a href=#1><font size=-1><b>
       </b></font></a></td>
      </tr>
     </table>
    </div>
    
   <br>
   </td>
  </tr>
  <tr valign=top>
   
  <td width=6% height=22><font color="#FF0033">■</font></td>
   
  <td bgcolor="#F2F2F2" width="94%"><a style="cursor:hand" onClick=turnit(Mother)><font size=-1><b>
   菜单二 </b></font></a>
   <div id=Mother style='DISPLAY: none'>
     
    <table border=0 cellspacing=0 cellpadding=0 bgcolor="#CCCCCC">
     <tr>
      <td width=20 align=right valign=top><font color="#FFFFFF">---</font></td>
      <td><a href=#2><font size=-1><b>子菜单一 </b></font></a></td>
     </tr>
     <tr>
      <td width=20 align=right valign=top><font color="#FFFFFF">---</font></td>
      <td><a href=#2><font size=-1><b>子菜单二</b></font></a><a href=#3><font size=-1><b>
       </b></font></a></td>
     </tr>
     <tr>
      <td width=20 align=right valign=top><font color="#FFFFFF">---</font></td>
      <td><a href=#2><font size=-1><b>子菜单三</b></font></a><a href=#4><font size=-1><b></b></font></a></td>
     </tr>
     <tr>
      <td width=20 align=right valign=top><font color="#FFFFFF">---</font></td>
      <td><a href=#2><font size=-1><b>子菜单四</b></font></a><a href=#5><font size=-1><b>
       </b></font></a></td>
     </tr>
    </table>
    </div>
    <br>
   </td>
  </tr>
 </table>

</body>
</html>