这是用到了FrameSet技术。主页面框架首先分为上下,接着把下面部分又分为左右,设置下面部分和右面部分的宽度为自适应:    <FRAMESET onload="InitSync();" name="fstMain" cols="1,*" border="10" frameborder="1" FRAMESPACING="10"  TOPMARGIN="0"  LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
      <FRAME name="fraLeftFrame" src="/expert/Deeptree/leftframe.asp?url=/expert/deeptree/welcome.asp?1=1&frame=&xmlsrc=/Expert/deeptree/Rooms/List.xml&csdnstyle=0&myie=ie" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="1" BORDER="1"></FRAME>
      <FRAME name="fraRightFrame" src="/Expert/deeptree/rightframe.asp?url=/expert/deeptree/welcome.asp?1=1&typenum=1&xmlsrc=/Expert/deeptree/Rooms/List.xml&csdnstyle=0&hidetoc=true&whichpage=&myie=ie" FRAMEBORDER="no" bordercolor="#003366"></FRAME>
    </FRAMESET>
左边菜单部分在初始时,设置其宽度为0。当点“显示导航栏时”,设置左边的宽度为一个指定的宽度(非0),使得左边菜单部分得以显示。当点击左边的叉按钮时,设置左边的宽度为0,使得菜单得以隐藏。以下代码在左边的叉按钮点击时执行: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";
  }
上面两段代码放置在左边