高分求救 用js 写菜单.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title><style type="text/css">      
<!--
TD
{
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, arial, helvetica, sans-serif
}
A:link
{
    COLOR: yellowgreen;
    FONT-FAMILY: Tahoma, Verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: yellowgreen;
    FONT-FAMILY: Tahoma, Verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: greenyellow;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}
.MainTable
{
    BORDER-RIGHT: gray thin;
    PADDING-RIGHT: 0px;
    BORDER-TOP: gray thin;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: gray thin;
    WIDTH: 750px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: gray thin
}
.Menu
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #333333;
    TEXT-ALIGN: center
}
H1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: darkgray;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.MainHeaderText
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: large;
    COLOR: gold;
    FONT-FAMILY: Tahoma, Verdana
}
.SideBlock
{
    border:medium none; BACKGROUND-IMAGE: url('images/bk_sideBlock.gif');
    BACKGROUND-COLOR: #222222
}
.NewsHeading
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: gold;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #333333
}
.NewsTranslate
{
    FONT-WEIGHT: xx-small 4px;
    FONT-FAMILY: Verdana;
    color: White;
    BACKGROUND-COLOR: #333333
}
.NewsText
{
}
.SideHeader
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: black thin solid;
    FONT-WEIGHT: bolder;
    BORDER-LEFT: medium none;
    WIDTH: 100%;
    COLOR: lightgrey;
    TEXT-INDENT: 3px;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: dimgray
}
.SideText
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 8px;
    MARGIN-LEFT: 0px;
    COLOR: darkgray;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 4px
}
INPUT
{
    BORDER-RIGHT: thin;
    BORDER-TOP: thin;
    FONT-SIZE: xx-small;
    BORDER-LEFT: thin;
    BORDER-BOTTOM: thin;
    FONT-FAMILY: Tahoma
}
.Title
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: gold
}
I
{
    COLOR: lightgrey
}
BODY
{
    FONT-SIZE: xx-small;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url('images/bk_grayline.gif');
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana;
    BACKGROUND-COLOR: #333326
}
.AdventuresHeading
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: gold
}
.CenterBlock
{
    BORDER-RIGHT: thin solid black;
    BORDER-TOP: medium none black;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url('images/bg.gif');
    BORDER-LEFT: thin solid black;
    BORDER-BOTTOM: thin solid black;
    BACKGROUND-COLOR: black
}
HR
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.submenu
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    BORDER-LEFT: black thin solid;
    BORDER-BOTTOM: black thin solid
}
.menuskin
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    Z-INDEX: 100;
    FILTER: alpha(opacity=90);
    VISIBILITY: hidden;
    BORDER-LEFT: black 1px solid;
    WIDTH: 160px;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: black 1px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #333333;
    moz-opacity: 0.9
}
.menuskin A
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}
#mouseoverstyle
{
    BACKGROUND-COLOR: yellowgreen
}
#mouseoverstyle A
{
    COLOR: black
}
.menuDiv
{
    POSITION: relative
}
.sublinks
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: black thin;
    BORDER-BOTTOM: black thin
}
.divIndent
{
    PADDING-LEFT: 4px;
    COLOR: gold;
    TEXT-INDENT: 10px
}
.guestbookHeading
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: gold;
    BACKGROUND-COLOR: #333333
}
.guestbookBody
{
}
.guestbookFooter
{
    COLOR: lightgrey;
    BACKGROUND-COLOR: #333333
}
OPTION
{
    FONT-SIZE: xx-small
}
SELECT
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    TEXT-INDENT: 0pt;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none
}
TEXTAREA
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: xx-small;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Tahoma
}
.text
{
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana
}
.TopMenu1
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    BORDER-LEFT: black thin solid;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: black
}
.TopMenu2
{
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #333333
}
#dek
{
    Z-INDEX: 200;
    VISIBILITY: hidden;
    POSITION: absolute
}
.popup
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: gray thin;
    FONT-SIZE: smaller;
    BORDER-LEFT: gray thin;
    COLOR: gold;
    BORDER-BOTTOM: gray thin;
    BACKGROUND-COLOR: black
}
.FooterMenu
{
    BORDER-RIGHT: black thin solid;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: black thin solid;
    BORDER-BOTTOM: black thin solid
}
.FooterTD
{
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #333333
}
.MainHeaderText A:link
{
    COLOR: gold
}
.MainHeaderText A:visited
{
    COLOR: gold
}
-->
</style>
<script language="JavaScript1.2">var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[1]='<div class="menuitems"><a href="biography.asp">.: Personal Biography</a></div>'
//linkset[1]+='<div class="menuitems"><a href="probio.asp">.: Professional Biography</a></div>'
//linkset[1]+='<div class="menuitems"><a href="resume.asp">.: Resume</a></div>'
linkset[1]+='<div class="menuitems"><a href="about.asp">.: About ningzhou.com</a></div>'

解决方案 »

  1.   


    linkset[2]='<div class="menuitems"><a href="adventures.asp?sortby=Date">.: By Date</a></div>'
    linkset[2]+='<div class="menuitems"><a href="adventures.asp?sortby=Location">.: By Location</a></div>'linkset[3]='<div class="menuitems"><a href="photography.asp?viewType=list">.: List View</a></div>'
    linkset[3]+='<div class="menuitems"><a href="photography.asp?viewType=thumb">.: Thumbnail View</a></div>'
    linkset[3]+='<div class="menuitems"><a href="List_Photos.asp?daysOld=14">.: New Photo List View</a></div>'
    linkset[3]+='<div class="menuitems"><a href="Thumb_Photos.asp?daysOld=14">.: New Photo Thumb View</a></div>'//linkset[4]='<div class="menuitems"><a href="List_Music.asp">.: Download Music</a></div>'
    linkset[4]='<div class="menuitems"><a href="List_SourceCode.asp">.: List All Code</a></div>'
    linkset[4]+='<div class="menuitems"><a href="List_SourceCode.asp?Cat=ASP">.: List ASP Code</a></div>'
    linkset[4]+='<div class="menuitems"><a href="List_SourceCode.asp?Cat=Visual+C%2B%2B">.: List Visual C++ Code</a></div>'
    //linkset[5]+='<div class="menuitems"><a href="List_Favorites.asp">.: By Popularity</a></div>'
    //linkset[5]+='<div class="menuitems"><a href="List_Favorites.asp?daysOld=14">.: New Favorites</a></div>'
    linkset[5]='<div class="menuitems"><a href="List_Favorites.asp">.: List by Category</a></div>'
    linkset[5]+='<div class="menuitems"><a href="List_Favorites.asp?sortby=Visits Desc">.: Popular Sites</a></div>'
    linkset[5]+='<div class="menuitems"><a href="List_Favorites.asp?daysOld=14">.: New Sites</a></div>'linkset[6]='<div class="menuitems"><a href="guestbook.asp">.: View Guestbook</a></div>'
    linkset[6]+='<div class="menuitems"><a href="sign_guestbook.asp">.: Sign Guestbook</a></div>'linkset[7]='<div class="menuitems"><a href="/View_Photo.asp?Skin=default.css">.: ningzhou.com Standard</a></div>'
    linkset[7]+='<div class="menuitems"><a href="/View_Photo.asp?Skin=holiday.css">.: Winter Holiday</a></div>'
    ////No need to edit beyond herevar ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
    var ns6=document.getElementById&&!document.all
    var ns4=document.layers
    var opr=navigator.userAgent.indexOf("Opera")function showmenu(e,which){if (!document.all&&!document.getElementById&&!document.layers)
    returnclearhidemenu()menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
    menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobjif (ie4||ns6)
    menuobj.innerHTML=which
    else{
    menuobj.document.write('<layer name=gui width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
    menuobj.document.close()
    }menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
    menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
    eventX=ie4? event.clientX-event.offsetX : e.pageX-e.layerX//e.x
    eventY=ie4? event.clientY-event.offsetY+20 : e.pageY-e.layerY+20 //e.y//Find out how close the mouse is to the corner of the window
    var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
    var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY//if the horizontal distance isn't enough to accomodate the width of the context menu
    if (rightedge<menuobj.contentwidth)
    //move the horizontal position of the menu to the left by it's width
    //menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
     //No Offset Ningzhou
      menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
    else
    //position the horizontal position of the menu where the mouse was clicked
    menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX//same concept with the vertical position
    if (bottomedge<menuobj.contentheight)
    //menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
      //No Offset Ningzhou
      menuobj.thestyle.top=ie4? document.body.scrollTop+eventY : ns6? window.pageYOffset+eventY : eventY
    else
    menuobj.thestyle.top=ie4? document.body.scrollTop+eventY : ns6? window.pageYOffset+eventY : eventYmenuobj.thestyle.visibility="visible"return false
    }function contains_ns6(a, b) {
    //Determines if 1 element in contained in another- by Brainjar.com
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }function hidemenu(){
    if (window.menuobj)
    menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
    }function dynamichide(e){
    if (ie4&&!menuobj.contains(e.toElement))
    hidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    hidemenu()
    }function delayhidemenu(){
    if (ie4||ns6||ns4)
    delayhide=setTimeout("hidemenu()",500)
    }function clearhidemenu(){
    if (window.delayhide)
    clearTimeout(delayhide)
    }function highlightmenu(e,state){
    if (document.all)
    source_el=event.srcElement
    else if (document.getElementById)
    source_el=e.target
    if (source_el.className=="menuitems"){
    source_el.id=(state=="on")? "mouseoverstyle" : ""
    }
    else{
    while(source_el.id!="popmenu"){
    source_el=document.getElementById? source_el.parentNode : source_el.parentElement
    if (source_el.className=="menuitems"){
    source_el.id=(state=="on")? "mouseoverstyle" : ""
    }
    }
    }
    }if (ie4||ns6)
    document.onclick=hidemenu</script>
    </head>
    <body><table border=0 cellpadding=0 cellspacing=0 class="TopMenu2"  width="100%">
    <tr>
    <div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on');" onMouseout="highlightmenu(event,'off');dynamichide(event)">
    </div>
    <td class="Menu" >
    <div class="menuDiv">
    <a href="default.asp" onMouseover="//showmenu(event,linkset[0])" onMouseout="//delayhidemenu()">.: Home</a><br>
    </div>
    </td><td class="Menu">
    <div class="menuDiv">
    <a href="biography.asp" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">.: About</a>
    </div>
    </td><td class="Menu"><div class="menuDiv">
    <a href="adventures.asp" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()">.: Adventures</a>
    </div>
    </td><td class="Menu"><div class="menuDiv">
    <a href="photography.asp" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()">.: Photography</a>
    </div>
    </td><td class="Menu">
    <div class="menuDiv">
    <a href="List_SourceCode.asp" onMouseover="showmenu(event,linkset[4])" onMouseout="delayhidemenu()">.: Source Code</a>
    </div>
    </td>
    <td class="Menu">
    <div class="menuDiv">
    <a href="List_Favorites.asp" onMouseover="showmenu(event,linkset[5])" onMouseout="delayhidemenu()">.: Favorites</a>
    </div>
    </td><td class="Menu"><div class="menuDiv">
    <a href="guestbook.asp" onMouseover="showmenu(event,linkset[6])" onMouseout="delayhidemenu()">.: Guestbook</a>
    </div>
    </td><td class="Menu"><div class="menuDiv">
    <a href="#" onMouseover="showmenu(event,linkset[7])" onMouseout="delayhidemenu()">.: Skin</a>
    </div>
    </td>
    </tr></table></body>
    </html>
      

  2.   


    <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>css菜单演示</title>
    <style type="text/css">
    <!--*{margin:0;padding:0;border:0;}
    body {
    font-family: arial, 宋体, serif;
            font-size:12px;
    }
    #nav {
     line-height: 24px;  list-style-type: none; background:#666;
    }#nav a {
    display: block; width: 80px; text-align:center;
    }#nav a:link  {
    color:#666; text-decoration:none;
    }
    #nav a:visited  {
    color:#666;text-decoration:none;
    }
    #nav a:hover  {
    color:#FFF;text-decoration:none;font-weight:bold;
    }#nav li {
    float: left; width: 80px; background:#CCC;
    }
    #nav li a:hover{
    background:#999;
    }
    #nav li ul {
    line-height: 27px;  list-style-type: none;text-align:left;
    left: -999em; width: 180px; position: absolute; 
    }
    #nav li ul li{
    float: left; width: 180px;
    background: #F6F6F6; 
    }
    #nav li ul a{
    display: block; width: 156px;text-align:left;padding-left:24px;
    }#nav li ul a:link  {
    color:#666; text-decoration:none;
    }
    #nav li ul a:visited  {
    color:#666;text-decoration:none;
    }
    #nav li ul a:hover  {
    color:#F3F3F3;text-decoration:none;font-weight:normal;
    background:#C00;
    }#nav li:hover ul {
    left: auto;
    }
    #nav li.sfhover ul {
    left: auto;
    }
    #content {
    clear: left; 
    }
    -->
    </style><script type=text/javascript><!--//--><![CDATA[//><!--
    function menuFix() {
    var sfEls = document.getElementById("nav").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
    }
    sfEls[i].onMouseDown=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
    }
    sfEls[i].onMouseUp=function() {
    this.className+=(this.className.length>0? " ": "") + "sfhover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
    }
    }
    }
    window.onload=menuFix;//--><!]]>
    </script></head>
    <body>
    <ul id="nav">
    <li><a href="#">产品介绍</a>
    <ul>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    <li><a href="#">产品一</a></li>
    </ul>
    </li>
    <li><a href="#">服务介绍</a>
    <ul>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二</a></li>
    <li><a href="#">服务二服务二</a></li>
    <li><a href="#">服务二服务二服务二</a></li>
    <li><a href="#">服务二</a></li>
    </ul>
    </li>
    <li><a href="#">成功案例</a>
    <ul>
    <li><a href="#">案例三</a></li>
    <li><a href="#">案例</a></li>
    <li><a href="#">案例三案例三</a></li>
    <li><a href="#">案例三案例三案例三</a></li>
    </ul>
    </li>
    <li><a href="#">关于我们</a>
    <ul>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四</a></li>
    <li><a href="#">我们四111</a></li>
    </ul>
    </li><li><a href="#">在线演示</a>
    <ul>
    <li><a href="#">演示</a></li>
    <li><a href="#">演示</a></li>
    <li><a href="#">演示</a></li>
    <li><a href="#">演示演示演示</a></li>
    <li><a href="#">演示演示演示</a></li>
    <li><a href="#">演示演示</a></li>
    <li><a href="#">演示演示演示</a></li>
    <li><a href="#">演示演示演示演示演示</a></li>
    </ul>
    </li>
    <li><a href="#">联系我们</a>
    <ul>
    <li><a href="#">联系联系联系联系联系</a></li>
    <li><a href="#">联系联系联系</a></li>
    <li><a href="#">联系</a></li>
    <li><a href="#">联系联系</a></li>
    <li><a href="#">联系联系</a></li>
    <li><a href="#">联系联系联系</a></li>
    <li><a href="#">联系联系联系</a></li>
    </ul>
    </li></ul></body>
    </html>
      

  3.   

    建议楼主采用mrwang2000(王先生)的方法，比我的更好 呵呵 我也收藏了
      

  4.   

    网上好多，dtree, mtree...去下载例程
      

  5.   

    <head>
    <title>网站后台管理中心</title>
    <style type=text/css>
    body  { background:#799AE1; margin:0px; font:9pt 宋体; }
    table  { border:0px; }
    td  { font:normal 12px 宋体; }
    img  { vertical-align:bottom; border:0px; }
    a  { font:normal 12px 宋体; color:#000000; text-decoration:none; }
    a:hover  { color:#428EFF;text-decoration:underline; }
    .sec_menu  { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; }
    .menu_title  { }
    .menu_title span  { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; }
    .menu_title2  { }
    .menu_title2 span  { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; }
    </style>
    <SCRIPT language=javascript1.2>
    function showsubmenu(sid)
    {
    whichEl = eval("submenu" + sid);
    if (whichEl.style.display == "none")
    {
    eval("submenu" + sid + ".style.display=\"\";");
    }
    else
    {
    eval("submenu" + sid + ".style.display=\"none\";");
    }
    }
    </SCRIPT>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
    <%
    REM 管理栏目设置
    dim menu(3,5)
    menu(0,0)="系统管理"
    menu(0,1)="管理员　<a href=manager_add.asp target=main>添加</a> | <a href=manager_manage.asp target=main>管理</a>"
    menu(0,2)="<a href=manager_backup.asp target=main>数据库备份</a>"
    menu(0,3)="<a href=count.asp target=main>访问统计</a> "
    menu(0,4)="<a href=../guestbook/index.asp target=main>留言管理</a> "
    menu(0,5)="友情链接　<a href=link_add.asp target=main>添加</a> | <a href=link_manage.asp target=main>管理</a>"menu(1,0)="新闻管理"
    menu(1,1)="新闻　　　<a href=news_content.asp target=main>添加</a> | <a href=news_manage.asp target=main>管理</a>"
    menu(1,2)="类型　<a href=row_type.asp target=main>添加</a> | <a href=row_type_manage.asp target=main>管理</a>"
    menu(1,3)="内容　<a href=row_content.asp target=main>添加</a> | <a href=row_manage.asp target=main>管理</a>"menu(2,0)="基本信息"
    menu(2,1)="信息类型　<a href=book_type.asp target=main>添加</a> | <a href=book_type_manage.asp target=main>管理</a>"menu(3,0)="公司信息"
    menu(3,1)="<a href=# target=main>信息</a>"
    menu(3,2)="<a href=# target=main>信息</a>"
    menu(3,3)="<a href=# target=main>信息</a>"
    menu(3,4)="<a href=# target=main>信息</a>"
    %>
    <BODY leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
    <table width=100% cellpadding=0 cellspacing=0 border=0 align=left>
    <tr><td valign=top>
    <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
        <td height=38 valign=top>
      <img src="images/title.gif" width=158 height=38>
        </td>
      </tr>
    </table>
    <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
            <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=images/title_bg_quit.gif  > 
              <span><a href="index.asp" target=_top><b>管理首页</b></a> | <a href=logout.asp target=_top><b>退出</b></a></span> 
            </td>
      </tr>
    </table>
    &nbsp;
    <%
    dim j
    dim tmpmenu
    dim menuname
    dim menurl
    for i=0 to ubound(menu,1)
    %>
    <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
            <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="images/admin_left_<%=i+1%>.gif" id=menuTitle1 onclick="showsubmenu(<%=i%>)"> 
              <span><%=menu(i,0)%></span> </td>
      </tr>
      <tr>
        <td style="display:" id='submenu<%=i%>'>
    <div class=sec_menu style="width:158">
    <table cellpadding=0 cellspacing=0 align=center width=135>
    <%
    for j=1 to ubound(menu,2)
    if isempty(menu(i,j)) then exit for
    %>
    <tr><td height=20><%=menu(i,j)%></td></tr>
    <%
    next
    %>
    </table>
      </div>
    <div  style="width:158">
    <table cellpadding=0 cellspacing=0 align=center width=135>
    <tr><td height=20></td></tr>
    </table>
      </div>
    </td>
      </tr>
    </table>
    <%next%>