现在用得比较多的菜单

√我爱你

<style>
.menu{cursor:default;font-size:12px;}
</style>
<table class="menu">
  <tr>
    <td bgcolor="#C0C0C0">
      标题1
    </td>
    <td bgcolor="#C0C0C0">
      标题2
    </td>
    <td onmouseover="ShowMenu('menu')" onmouseout="HideMenu('menu')" bgcolor="#C0C0C0">
      标题3
    </td>
  </tr>
</table>   
<div id="menu" style="position: absolute; visibility: hidden; left: 86; top: 30; width: 80; height: 35" onmouseover="ShowMenu('menu')" onmouseout="HideMenu('menu')">
<table class="menu" width="78" height="25">
  <tr>
    <td bgcolor="#C0C0C0" width="70" height="18">
      菜单1
    </td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" width="70" height="18">
      菜单2
    </td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" onmouseover="ShowMenu('childmenu')" onmouseout="HideMenu('childmenu')" width="70" height="18">
      菜单3   >>>
    </td>
  </tr>
</table>  
</div>
<div id="childmenu" style="position: absolute; visibility: hidden; left: 147; top: 70; width: 71; height: 56" onmouseover="ShowMenu('menu');ShowMenu('childmenu');" onmouseout="HideMenu('childmenu');HideMenu('menu');">
<table class="menu" width="69">
  <tr>
    <td bgcolor="#C0C0C0" width="61">
      子菜单1
    </td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" width="61">
      子菜单2
    </td>
  </tr>
  <tr>
    <td bgcolor="#C0C0C0" width="61">
      子菜单3
    </td>
  </tr>
</table>  
</div>
<script>
function ShowMenu(menu)
{
   menu=eval("document.all."+menu);
   menu.style.visibility="visible";
}
function HideMenu(menu)
{
   menu=eval("document.all."+menu);
   menu.style.visibility="hidden";
}
</script>
http://www.cftea.com/c/53.asp