如何实现frame的隐藏和显示？火急！

index.htm
////////////////////
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><frameset cols="182,*" name=mainFrame frameborder="auto" border="1" framespacing="0" rows="*"> 
  <frame name="leftFrame" scrolling="NO" noresize src="left.htm">
  <frame name="rightFrame" src="right.htm">
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000"></body></noframes>
</html>
///////////////left.htm
//////////////
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language=javascript>
var screen=false;
function hidemenu(){
  if(screen==false)
  {
  parent.mainFrame.cols='20,*'
  screen=true;
  }
  else if(screen==true)
  {
  parent.mainFrame.cols='182,*';
  screen=false;
  }
}
</script>
</head><body bgcolor="#f7f7f7" text="#000000">
<div align="center">
  <p><a href="#" onclick="javascript:hidemenu();">点这里隐藏</a> </p>
  <p>下面是菜单</p>
</div>
</body>
</html>
////////////////right.htm随便给各空页就行了

解决方案 »

  1.   

    在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>
      

  2.   

    <%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="fdws.login.index" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <TITLE>index</TITLE>
    <meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    </HEAD>
    <frameset border="0" frameSpacing="0" rows="72,87%" frameBorder="0">
    <frame name="banner" src="banner.aspx" noResize scrolling="no">
    <frameset id="mainFrame" cols="224,77%">
    <frame name="contents" src="left.aspx" scrolling="auto">
    <frame name="main" src="../bulletin/notes_list.aspx">
    </frameset>
    <noframes>
    <p id="p1">
    This HTML frameset displays multiple Web pages. To view this frameset, use a 
    Web browser that supports HTML 4.0 and later.
    </p>
    </noframes>
    </frameset>
    </HTML>