请问高手们：想csdn社区那样隐藏菜单是怎样做的？

<script language="javascript">var strColumns_Current = "215,*";function movenext()
  {
  top.deeptree.movenext();
  }function moveprevious()
  {
  top.deeptree.moveprevious();
  }function hidetoc()
  {
  strColumns_Current = top.mainframeset.cols
  
  top.mainframeset.cols = "1,*";
  top.contentbar.document.all("showtoc").style.display = "block";
  }function showtoc()
  {
  top.mainframeset.cols = strColumns_Current;
  top.contentbar.document.all("showtoc").style.display = "none";
  }
  
function synctoc()
{
    top.location = top.location.pathname + "?url=" + top.content.location.pathname + top.content.location.search + top.content.location.hash;
}function displaybutton()
  {
  document.all.showtoc.style.display = "block";
  }function mouseover(item)
  {
  switch (item)
    {
    case "moveprevious" :
      window.status = "移动到菜单上一项 [SHIFT + TAB]";
      document.all.imgMovePrevious.src = "Images/moveprevious2.gif";
      break;    case "movenext" :
      window.status = "移动到菜单下一项 [TAB]";
      document.all.imgMoveNext.src = "Images/movenext2.gif";
      break;    case "synctoc" :
      window.status = "同步菜单中的当前页";
      document.all.imgSyncToc.src = "Images/synctoc2.gif"
      break;    case "hidetoc" :
      window.status = "隐藏菜单";
      document.all.imgHideToc.src = "Images/hidetoc2.gif"
      break;
    }  }function mouseout(item)
  {
  switch (item)
    {
    case "moveprevious" :
      window.status = "";
      document.all.imgMovePrevious.src = "Images/moveprevious1.gif";
      break;    case "movenext" :
      window.status = "";
      document.all.imgMoveNext.src = "Images/movenext1.gif";
      break;    case "synctoc" :
      window.status = "";
      document.all.imgSyncToc.src = "Images/synctoc1.gif"
      break;    case "hidetoc" :
      window.status = "";
      document.all.imgHideToc.src = "Images/hidetoc1.gif"
      break;
    }
  }function selectstart()
  {
  window.event.cancelBubble = true;
  window.event.returnValue = false;
  return false;
  }</script><html><head>
<META NAME="Robots" CONTENT="noindex">
        <meta content="text/html;charset=gb2312" http-equiv="Content-Type">
<script src="/Expert/style/get_css.js"></script>
  <title>Deeptree Controlbar</title>
</head><body onselectstart="selectstart();" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" class="color2">  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="left">
        <table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="20" width="4"></td>
            <td height="20"><img id="imgMoveNext" style="cursor:hand" onmouseover="mouseover('movenext');" onmouseout="mouseout('movenext')" onclick="movenext();" title="移动到菜单下一项 [TAB]" src="Images/movenext1.gif" border="0" /></td>
            <td height="20" width="2"></td>
            <td height="20"><img id="imgMovePrevious" style="cursor:hand" onmouseover="mouseover('moveprevious');" onmouseout="mouseout('moveprevious')" onclick="moveprevious();" title="移动到菜单上一项 [SHIFT + TAB]" src="Images/moveprevious1.gif" border="0" /></td>
            <td height="20" width="8"></td>
          </tr>
        </table>
      </td>
      <td align="right">
        <table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="20"><img id="imgSyncToc" style="cursor:hand" onclick="synctoc();" onmouseover="mouseover('synctoc');" onmouseout="mouseout('synctoc');" src="Images/synctoc1.gif" title="同步菜单中的当前页" /></td>
            <td height="20" width="10"><img src="Images/1pix.gif" width="10" height="20"></td>
            <td height="20"><img id="imgHideToc" style="cursor:hand" onclick="hidetoc();" onmouseover="mouseover('hidetoc');" onmouseout="mouseout('hidetoc');" src="Images/hidetoc1.gif" title="隐藏菜单" /></td>
            <td height="20" width="4"><img src="Images/1pix.gif" width="4" height="20"></td>
          </tr>
        </table>
      </td>
    </tr>
  </table></body>
</html>

解决方案 »

  1.   

    动态设置 frame 的宽度就OK了！~~~~~
      

  2.   

    看了源码了，还是不懂！
    function hidetoc()
      {
      strColumns_Current = top.mainframeset.cols
      
      top.mainframeset.cols = "1,*";
      top.contentbar.document.all("showtoc").style.display = "block";
      }function showtoc()
      {
      top.mainframeset.cols = strColumns_Current;
      top.contentbar.document.all("showtoc").style.display = "none";
      }
    这一部分应该是显示隐藏用的吧！但是top是什么东西呀！frame的名字？那mainframeset是什么东西呀！
    有没有人可以解释详细点！
      

  3.   

    top是在引用框架时，上一级框架的意思，mainframeset是上一级框架（即frameset）的name。
    引用框架时还可以使用parent，是当前框架的父框架，可以通过parent.frameName来得到同当前框架同级别的框架，并可设置其属性。
    本例中的top.mainframeset.cols则是重新设置上一级框架中的各框架的列宽。框架页代码有可能是
    <frameset name="mainframeset" cols="100,*">
        <frame name="frame1"></frame>
        <frame name="frame2"></frame>
    </frameset>