急！如何制作左右伸缩的菜单？点击隐藏，再点击出现的形式。

就像QQ游戏左边的菜单那样，点击一下菜单旁的小三角型树形菜单就向左隐藏，再点一下菜单就显示出来。

解决方案 »

  1.   

    用.net 无法实现,所以请大哥发到js区吧 这个是js的事情另外有问题百度一下,代码很多
      

  2.   

    <script type="text/javascript">
        //顯示隱藏菜單
        function IsToggle()
        { 
          if (div_show_hide.style.display=="block" || div_show_hide.style.display=="")
          {
              //div_show_hide.style.Remove("display");
              div_show_hide.style.display="none";
          }
          else
          {
             //div_show_hide.style.Remove("display");
             div_show_hide.style.display="block";
          }
         }
    </script>
      

  3.   

    <head runat="server">
        <title>无标题页</title>
        <SCRIPT>
    function switchSysBar(){
        if (switchPoint.innerText==3)
            {
            switchPoint.innerText=4
            document.all("frmTitle").style.display="none"
            }
        else
            {
            switchPoint.innerText=3
            document.all("frmTitle").style.display=""
            }
        }
    </SCRIPT>
    </head><body scroll="no" >
    <table height="100%" cellspacing="0" cellpadding="0" width="100%" border="0">
      <tr><td colspan="3" style="height: 80px"><iframe style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 80px " name="topfram" src="top.aspx" frameborder="0"></iframe></td></tr>
      <tbody>
      <tr> 
        <td id="frmTitle" valign="middle"  align="center">
        <iframe style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 205px; HEIGHT: 550px" name="leftfram" src="left.aspx" frameborder="0"></iframe>
            </td>
        <td bgcolor="#0095f9"> 
          <table height="100%" cellspacing="0" cellpadding="0" border="0">
            <tbody><tr bgcolor="#5F778B"><td style="HEIGHT: 45%"></td></tr> 
            <tr id="lbar" bgcolor="#BCCAD7"> 
              <td style="HEIGHT: 48px" onclick="switchSysBar()" onmouseover="lbar.style.background='#F2F2F2';lbar.style.color='#000000'" onmouseout="lbar.style.background='#BCCAD7';lbar.style.color='#FFFFFF'">
              <font style="FONT-SIZE: 8px; CURSOR: hand; FONT-FAMILY: Webdings">
              <span id="switchPoint">3</span></font></td>
            </tr><tr bgcolor="#5F778B"><td style="HEIGHT: 45%"></td></tr>
            </tbody>
          </table>
        </td>
        <td style="WIDTH: 100%">
        <iframe id="main" style="Z-INDEX: 1; VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 550px" name="mainfram" src="Main.aspx" frameborder="0" scrolling="yes"></iframe>
           </td>
      </tr>
      </tbody>
    </table>
    </body>
    </html>里面还有几个页面如TOP LEFT MAIN就是普通的页面，直接加上去就可以了