制作隐藏页面

<html>
<head>
<title>网易论坛</title>
<meta name="keywords" content="个人主页,博客,社区">
<meta name="description" content="个人主页,网易部落提供有博客个人主页,博客文章,社区活动">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<link href="/images/news2.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
if(self!=top){
  top.location=self.location;
}
var host = window.location.host;
if (host=="bbs.163.com") {
host = "news";
}
host = host.replace(/bbs[0-9]*?\./gi,"");
host = host.replace(/\.163\.com/gi,"");var menuid = {
"news":"1",
"tech3":"1", "manage":"2",
"city":"3",
"setup":"4",
"biz":"5",
"sports":"7",
"tech":"8",
"travel":"9",
"health":"10",
"auto":"11",
"mobile":"12",
"digi":"13",
"gz":"14",
"stock":"16",
"fund":"16",
"bulo":"17",
"talk":"18",
"culture":"21",
"abroad":"22",
"education":"6",
"lady":"15",
"ent":"19",
"dl":"20"
};function setCookie (value) {
  document.cookie = "bbsnav=" + value + "; path=/; domain=163.com";
}function getCookie() {
var name = "bbsnav";
  var search;
  search = name + "="
  offset = document.cookie.indexOf(search) 
  if (offset != -1) {
    offset += search.length ;
    end = document.cookie.indexOf(";", offset) ;
    if (end == -1)
      end = document.cookie.length;
    return unescape(document.cookie.substring(offset, end));
  }
  else
    return "";
}function switchSysBar(){
  var obj = document.getElementById("switchPoint");  if (obj.alt == "关闭左栏"){
    obj.alt = "打开左栏";
    obj.src = "/board/images/nav_show.gif";
    document.getElementById("frmTitle").style.display="none";
setCookie("hide");
  }
  else{
    obj.alt = "关闭左栏";
    obj.src = "/board/images/nav_hide.gif";
    document.getElementById("frmTitle").style.display="";
setCookie("show");
  }
}
</script><script type="text/javascript" >
  function init_nav() {    if(window.screen.width < 1024){
      switchSysBar();
    }    
    var mvalue    
    if (mvalue=="hide") {
      switchSysBar();
    }
  }
</script>
</head><body style="MARGIN: 0px" scroll="no" onload="init_nav()">
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD id=frmTitle vAlign=center noWrap align=middle>
    <IFRAME id="left" style="Z-INDEX: 2; VISIBILITY: inherit; WIDTH: 140px; HEIGHT: 100%" name=left frameBorder=0 scrolling=yes></IFRAME></TD>
    <TD bgColor=#a4b6d7>
      <TABLE height="100%" cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD style="HEIGHT: 100%" onclick="switchSysBar()"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><a href="#">
          <img id="switchPoint" src="/board/images/nav_hide.gif" alt="关闭左栏" width="13" height="13" border="0"></a><BR><BR><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD>
          <TD style="WIDTH: 100%">
          <IFRAME id=main style="Z-INDEX: 1; VISIBILITY: inherit" name=main frameBorder=0 scrolling=yes></IFRAME>
          </TD>
        </TR>
      </TBODY>
    </TABLE></body>
</html>

解决方案 »

  1.   

    <?xml version="1.0" encoding="gb2312"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>DWMX Tutor --- A Simple Menu</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script>// Example: obj = findObj("image1");
    function findObj(theObj, theDoc)
    {
      var p, i, foundObj;
      
      if(!theDoc) theDoc = document;
      if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
      {
        theDoc = parent.frames[theObj.substring(p+1)].document;
        theObj = theObj.substring(0,p);
      }
      if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
      for (i=0; !foundObj && i < theDoc.forms.length; i++) 
        foundObj = theDoc.forms[i][theObj];
      for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) 
        foundObj = findObj(theObj,theDoc.layers[i].document);
      if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
      
      return foundObj;
    }
    </script>
    <style type="text/css">
    <!--
    .folder {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    background-image: url(e.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    cursor: hand;
    }
    .collapsedFolder {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    background-image: url(c.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    cursor: hand;
    }
    .submenu {
    padding-left: 18px;
    }
    .iefile {
    background-image: url(ie.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 9px;
    }
    a {
    color: #003399;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    }
    a:hover {
    color: #FF0000;
    background-color: #eeeeee;
    border: 1px solid #006699;
    }
    body {
    margin: 0px;
    background-color: buttonface;
    overflow: hidden;
    border: 0px;
    }
    .ctrlbar {
    border: 1px inset;
    }
    .explorer {
    background-color: #FFFFFF;
    border: 1px inset;
    }
    -->
    </style>
    <style type="text/css">
    <!--
    .ctbutton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    background-color: #eeeeee;
    border-width: 1px;
    width: 9px;
    height: 100px;
    margin-bottom: 100px;
    }
    -->
    </style>
    <base target="browserframe"/>
    </head><body>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="150" align="center" valign="top" class="explorer" id="menubar"><br />      
          <img src="http://www.blueidea.com/articleimg/2003/09/804/logo.gif" width="90" height="27" />      <br />
          <br />      
          <table width="100%" border="0" cellspacing="0" cellpadding="2" onselectstart="return false">
          <tr>
            <td class="folder" onmouseup="with(findObj('blueidea').style){display=display=='none'?'':'none';this.style.backgroundImage=display!='none'?'url(e.gif)':'url(c.gif)'}">Blueidea.com</td>
          </tr>
          <tr>
            <td class="submenu" id="blueidea"><table width="100%" border="0" cellspacing="0" cellpadding="2">
                <tr>
                  <td class="folder" onmouseup="with(findObj('forums').style){display=display=='none'?'':'none';this.style.backgroundImage=display!='none'?'url(e.gif)':'url(c.gif)'}">Forums</td>
                </tr>
                <tr>
                  <td class="submenu" id="forums"><table width="100%" border="0" cellspacing="0" cellpadding="2">
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/bbs/list.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8">JS &amp; DWMX</a></td>
                      </tr>
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/bbs/list.asp?GroupName=Dreamweaver%2BMX%2BDeveloper%2B%D3%EB%CA%FD%BE%DD%BF%E2%B1%E0%B3%CC">Developement</a></td>
                      </tr>
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/bbs/list.asp?GroupName=Fireworks%2B%D7%A8%C0%B8">Fireworks</a></td>
                      </tr>
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/bbs/list.asp?GroupName=Flash%2B%D7%A8%C0%B8">Flash</a></td>
                      </tr>
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/bbs/list.asp?GroupName=Adobe%2BPhotoshop%2B%D7%A8%C0%B8">Photoshop</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="folder" onmouseup="with(findObj('others').style){display=display=='none'?'':'none';this.style.backgroundImage=display!='none'?'url(e.gif)':'url(c.gif)'}">Others</td>
                </tr>
                <tr>
                  <td class="submenu" id="others"><table width="100%" border="0" cellspacing="0" cellpadding="2">
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/download/index.asp">Download</a></td>
                      </tr>
                      <tr>
                        <td class="iefile"><a href="http://www.blueidea.com/tech/index.asp">Documents</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td class="iefile"><a href="http://www.blueidea.com/">Homepage</a></td>
                </tr>
                <tr>
                  <td class="iefile"><a href="http://www.blueidea.com/bbs/">BBS</a></td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td class="collapsedFolder" onmouseup="with(findObj('lexrus').style){display=display=='none'?'':'none';this.style.backgroundImage=display!='none'?'url(e.gif)':'url(c.gif)'}">LeXRus.com</td>
          </tr>
          <tr>
            <td class="submenu" id="lexrus" style="display:none"><table width="100%" border="0" cellpadding="2" cellspacing="0">
                <tr>
                  <td class="iefile"><a href="http://www.lexrus.com/">Homepage</a></td>
                </tr>
                <tr>
                  <td class="iefile"><a href="http://lexrus.com/blog/">Blog</a></td>
                </tr>
              </table>
            </td>
          </tr>
        </table></td>
        <td width="1" class="ctrlbar"><button class="ctbutton" onfocus="blur();" onmouseup="with(findObj('menubar').style){display=display=='none'?'':'none';this.innerText=display=='none'?'&gt;':'&lt;'}" onmouseover="this.style.backgroundColor='#ffffff'" onmouseout="this.style.backgroundColor='#eeeeee'">&lt;</button></td>
        <td class="explorer"><iframe name="browserframe" id="browserframe" width="100%" height="100%" scrolling="auto" frameborder="0"></iframe></td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    在框架结构里通过javascript控制页面显示的大小。