我找到了代码如下:
<script language="javascript">
function doOver(o,n){
var i;
var o1 = document.getElementsByName("MainMenu");
var o2 = document.getElementsByName("MenuContent");
for(i=0;i<o1.length;++i){
if(o1[i].className=="MenuItemOnSel"){o1[i].className="MenuItem";o2[i].style.display='none';}
if(i==n){o1[i].className="MenuItemOnSel";o2[i].style.display='';}
}
o1=o2=null;
}
</script>
<table border="0" cellpadding="5" cellspacing="5">
    <tr>
      <td class="MenuItem">&nbsp;</td>
      <td id="MainMenu" class="MenuItemOnSel" onMouseOver="doOver(this,0)"><a href="index.asp">统计概况</a></td>
      <td id="MainMenu" class="MenuItem" onMouseOver="doOver(this,1)"><a href="Hour.asp">分时统计</a></td> 
      
      <td class="MenuItem" style="width:50px">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="5" height="24" align="left" valign="bottom">
<div id="menuContent" style="display:none;">
<img src="../images/blank.gif" width=56 height=1>
<span class="ML">
&nbsp;&nbsp;
<a href="index.asp">综合统计</a>
| <a href="Info.asp">修改资料</a>
| <a href="Help.asp">统计代码</a>
&nbsp;&nbsp;
</span>
</div>
<div id="menuContent" style="display:none">
<img src="../images/blank.gif" width=116 height=1>
<span class="ML">
&nbsp;&nbsp;<a href="Hour.asp">日报一览</a>
| <a href="Week.asp">周报一览</a>
| <a href="Day.asp">月报一览</a>
| <a href="Month.asp">年报一览</a>
&nbsp;&nbsp;
</span>
</div>  
</td>
<td>&nbsp;</td>
      </tr>
  </table>

解决方案 »

  1.   

    我这有重用性高一点的:
    function MM_findObj(n,d)
    {
    var p,i,x;
    if(!d)d=document;
    if((p=n.indexOf("?"))>0&&parent.frames.length)
    {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
    }
    if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document);
    if(!x && document.getElementById)x=document.getElementById(n);return(x);
    }

    function MSHL()
    {
    var i,p,v,obj,args=MSHL.arguments;
    for(i=0;i<(args.length-2);i+=3)if((obj=MM_findObj(args[i]))!=null){v=args[i+2];
    if(obj.style){obj=obj.style;v=(v=='show')?'visible':(v='hide')?'hidden':v;}
        obj.visibility=v;}
    }
    function MN1(n)
    {
    document.write("<div id=Layer" + n + " style='position:absolute'>");
    document.write("<div id=serve" + n + " style='position:absolute; left:0px; top:14px; width:90px; height:30px; z-index:20; visibility: hidden;' onMouseOut=MSHL('serve" + n + "','','hide') onMouseOver=MSHL('serve" + n + "','','show')>");
    document.write("<table width=100% border=0 cellspacing=1 cellpadding=3 bgcolor=#cccccc class=TBMenu style='FILTER: alpha(opacity=100)'>");
    document.write("<tr bgcolor=eeeeee class=MenuBG><td style='line-height:16px'>");
    document.write("<table width=100% border=0 border=0 cellspacing=0 cellpadding=1 style=cursor:hand>");
    }
    function MN(m,n)
    {
    document.write("<tr><td onmouseover=\"this.className='MenuColor';\" onmouseout=\"this.className='';\">");
    document.write("<img src=images/blank.gif height=2 width=2><br><img src=images/blank.gif height=2 width=2><a href=\"");
    if(m.substr(0,5) != "http:"){document.write("" + m + "\">" + n + "</a></td></tr>");}
    else{document.write(m + "\">" + n + "</a></td></tr>");}
    }
    function MNMN(m,n)
    {
    document.write("<tr><td onmouseover=\"this.className='MenuColor';\" onmouseout=\"this.className='';\">");
    document.write("<img src=images/blank.gif height=2 width=2><br><img src=images/blank.gif height=2 width=2><a href=\"");
    if(m.substr(0,5) != "http:"){document.write("" + m + "\" target=\"_blank\">" + n + "</a></td></tr>");}
    else{document.write(m + "\">" + n + "</a></td></tr>");}
    }
    function MN2(i,m,n)
    {
    document.write("</table></td></td></tr></table></div></div>");
    document.write("<a href=\"" + m + "\" onMouseOver=\"MSHL('serve" + i + "','','show','subscibe','','hide','order','','hide','feature','','hide','defuser','','hide','spread','','hide')\" onMouseOut=\"MSHL('serve" + i + "','','hide','subscibe','','hide','order','','hide','feature','','hide','defuser','','hide','spread')\">" + n + "</a>");
    }
    function MNL(){document.write(" | ");}
    MN1(0);
    MN("./Close.htm\"target=\"_blank","退出系统")
    MN2(0,"#","系统操作")
    MNL()
    MN1(1);
    MN("http://www.csdn.net/\"target=\"_blank","帮助主题")
    MN2(1,"#","帮助")
    把上面代码存为menu.js,就可以在页面的任意地方包含了。
    修改菜单项也方便。