500分求一个简单的菜单:)

很简单啊.也就是obj.style.display="none";//"block"来控制呀

解决方案 »

  1.   

    很简单啊.也就是obj.style.display="none";//"block"来控制呀
      

  2.   

    到底如何弄。写一个详细让大家见识一下嘛。我也想了解。谢谢fason(阿信) 写过程
      

  3.   

    <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    </head><body>
    <table border="1">
    <tr>
    <td id="showText" style='{cursor:hand}' onclick="switchShowHide()">隐藏</td>
    </tr>
    <tr id="tr1">
    <td>aaaaaaaa</td>
    </tr>
    <tr id="tr2">
    <td>bbbbbbbb</td>
    </tr>
    </table>
    </body>
    </html>
    <script language="JavaScript">
    <!--
    function switchShowHide(){
      allObj = document.all;
      if(allObj.tr1.style.display=="none"){
        allObj.showText.innerText="隐藏";
        allObj.tr1.style.display="block";
        allObj.tr2.style.display="block";
      }else{
        allObj.showText.innerText="显示";
        allObj.tr1.style.display="none";
        allObj.tr2.style.display="none";
      }
    }
    //-->
    </script>
      

  4.   

    <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Example For Menus </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="fason">
    <meta name="Keywords" content="Smart Menus">
    <meta name="Description" content="">
    <style>
    .handle{cursor:hand;background-color:#F2F2F2}
    .hide{display:none}
    .show{display:block}
    </style>
    </head>
    <body>
    <script language="JavaScript">
    <!--
    function ClickOn(Index){
    var TrObj=document.getElementById("tr"+Index)
    TrObj.className=TrObj.className=="hide"?"show":"hide"
    }
    function oAll(flag,num){//num为纪录数
    for(var i=0;i<num;i++){
    var TrObj=document.getElementById("tr"+i)
    TrObj.className=flag?"show":"hide"
    }
    }
    //-->
    </script>
    <a href="javascript:oAll(true,3)">全部展开</a>
    <a href="javascript:oAll(false,3)">全部关闭</a>
    <table width=300 cellspacing=1>
    <tr class="handle" onclick="ClickOn(0)"><td>主菜单一</td></tr>
    <tr id="tr0" class="hide">
    <td>
    <table>
    <tr>
    <td>子菜单一</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr class="handle" onclick="ClickOn(1)"><td>主菜单二</td></tr>
    <tr id="tr1"  class="hide">
    <td>
    <table width=100%>
    <tr class="handle" onclick="ClickOn(2)">
    <td>子菜单二一</td>
    </tr>
    <tr  id="tr2"  class="hide"><td>子菜单三一</td></tr>
    <tr>
    <td>
    <table>
    <tr>
    <td>子菜单二二</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- saved from url=(0028)http://www.ymdg.com/tree.htm -->
    <HTML><HEAD><TITLE>asp树的研究</TITLE>
    <META content=VBScript name=VI60_defaultClientScript>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <STYLE type=text/css>.bb {
    FONT-SIZE: 9px; COLOR: #000000
    }
    </STYLE><STYLE type=text/css>.aa {
    FONT-SIZE: 12px; WORD-SPACING: 0px; VERTICAL-ALIGN: middle; COLOR: #000000; BOTTOM: auto; LETTER-SPACING: 0px; TEXT-ALIGN: center
    }
    </STYLE><META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
    <BODY bgColor=#dee3f7>
    <TABLE class=aa id=T1 style="CURSOR: hand" 
    onclick="vbs:subtree '1|1_1|1_1_1|1_1_1_1|1_1_1_2|1_1_2|1_2|1_2_1|1_2_1_1|1_2_1_2|1_2_2|1_3|1_3_1'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=0 border=1 
    abbr="1|1_1|1_1_1|1_1_1_1|1_1_1_2|1_1_2|1_2|1_2_1|1_2_1_1|1_2_1_2|1_2_2|1_3|1_3_1" 
    classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=17 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>WWW.CSDN.NET</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_1 style="CURSOR: hand" 
    onclick="vbs:subtree '1_1|1_1_1|1_1_1_1|1_1_1_2|1_1_2'" borderColor=#dee3f7 
    cellSpacing=0 cellPadding=0 summary=1 border=1 
    abbr="1_1|1_1_1|1_1_1_1|1_1_1_2|1_1_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=37 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_1 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>WEB开发</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_1_1 style="CURSOR: hand" 
    onclick="vbs:subtree '1_1_1|1_1_1_1|1_1_1_2'" borderColor=#dee3f7 cellSpacing=0 
    cellPadding=0 summary=2 border=1 abbr="1_1_1|1_1_1_1|1_1_1_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=57 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_1_1 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>ASP</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_1_1_1 style="CURSOR: hand" onclick="vbs:subtree '1_1_1_1'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=3 border=1 
    abbr="1_1_1_1" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=77 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_1_1_1 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>DHTML</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_1_1_2 style="CURSOR: hand" onclick="vbs:subtree '1_1_1_2'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=3 border=1 
    abbr="1_1_1_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=77 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_1_1_2 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>内建对象</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_1_2 style="CURSOR: hand" onclick="vbs:subtree '1_1_2'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=2 border=1 abbr="1_1_2" 
    classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=57 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_1_2 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>JavaScript</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_2 style="CURSOR: hand" 
    onclick="vbs:subtree '1_2|1_2_1|1_2_1_1|1_2_1_2|1_2_2'" borderColor=#dee3f7 
    cellSpacing=0 cellPadding=0 summary=1 border=1 
    abbr="1_2|1_2_1|1_2_1_1|1_2_1_2|1_2_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=37 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
      

  6.   

    <TBODY>
            <TR>
              <TD id=R1_2 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>开发语言</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_2_1 style="CURSOR: hand" 
    onclick="vbs:subtree '1_2_1|1_2_1_1|1_2_1_2'" borderColor=#dee3f7 cellSpacing=0 
    cellPadding=0 summary=2 border=1 abbr="1_2_1|1_2_1_1|1_2_1_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=57 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_2_1 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>VB</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_2_1_1 style="CURSOR: hand" onclick="vbs:subtree '1_2_1_1'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=3 border=1 
    abbr="1_2_1_1" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=77 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_2_1_1 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>基础类</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_2_1_2 style="CURSOR: hand" onclick="vbs:subtree '1_2_1_2'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=3 border=1 
    abbr="1_2_1_2" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=77 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_2_1_2 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>VBA</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_2_2 style="CURSOR: hand" onclick="vbs:subtree '1_2_2'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=2 border=1 abbr="1_2_2" 
    classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=57 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_2_2 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>JAVA</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_3 style="CURSOR: hand" onclick="vbs:subtree '1_3|1_3_1'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=1 border=1 
    abbr="1_3|1_3_1" classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=37 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_3 vAlign=center borderColor=#000000 
            align=middle>-</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>数据库</TD></TR></TBODY></TABLE>
    <TABLE class=aa id=T1_3_1 style="CURSOR: hand" onclick="vbs:subtree '1_3_1'" 
    borderColor=#dee3f7 cellSpacing=0 cellPadding=0 summary=2 border=1 abbr="1_3_1" 
    classname="aa">
      <TBODY>
      <TR>
        <TD align=right width=57 height=20>
          <TABLE class=bb borderColor=#dee3f7 height=18 cellSpacing=0 cellPadding=0 
          width=18 border=1>
            <TBODY>
            <TR>
              <TD id=R1_3_1 vAlign=center borderColor=#000000 
            align=middle>.</TD></TR></TBODY></TABLE></TD>
        <TD onmouseover="vbs:me.bgcolor='#CCCCCC':me.bordercolor='#999999'" 
        title=http://www.csdn.net/ 
        onmouseout="vbs:me.bgcolor='#DEE3F7':me.bordercolor='#ffffff'" noWrap 
        borderColor=#ffffff>基础类</TD></TR></TBODY></TABLE>
    <SCRIPT language=VBS>
    sub subtree(Client_para)
    if instr(Client_para,"|")=0 then exit sub
    Myarray=split(Client_para,"|")
    Mytext=eval("R" & Myarray(0) & ".innertext")
    select case Mytext
    case "+"
    document.all.item("R" & Myarray(0)).innertext="-"
    for i=1 to ubound(Myarray)
    if  eval("T" & Myarray(i) & ".summary")-eval("T" & Myarray(0) & ".summary")=1 then
    document.all.item("T" & Myarray(i)).style.display="block"
    end if
    if  eval("T" & Myarray(i) & ".summary")-eval("T" & Myarray(0) & ".summary")>1 then
    document.all.item("T" & Myarray(i)).style.display="none"
    end if
    next
    case "-"
    document.all.item("R" & Myarray(0)).innertext="+"
    for i=1 to ubound(Myarray)
    if  eval("T" & Myarray(i) & ".summary")-eval("T" & Myarray(0) & ".summary")>=1 then
    document.all.item("T" & Myarray(i)).style.display="none"
    if eval("R" & Myarray(i) & ".innertext")="-" then
    document.all.item("R" & Myarray(i)).innertext="+"
    end if
    end if
    next
    end select
    set Myarray=nothing
    end sub

    Sub document_onselectstart
    document.selection.clear
    End Sub

    if isobject(eval("T1"))  then 
    subtree document.all("T1").abbr
    subtree document.all("T1").abbr
    end if
    </SCRIPT>
    </BODY></HTML>