CSDN这样的框架是怎么做出来的？

让 cols="200,*" 或者 "0,*"

解决方案 »

  1.   

    <?php
    if(isset($action) == 0 || trim($action) == "") {
      $action="frames";
    }
    if($action == "frames") {
      ?>
      <html>
      <head>
      <META content="text/html; charset=gb2312" http-equiv=Content-Type>
      <title>test</title>
      <frameset cols="120,16,*" rows="*" id="left_frame" framespacing="0" border=0 frameborder=0 frameborder="no" border="0" framepadding=0>
        <frame src="<?=$PHP_SELF;?>?action=nav" name="nav" scrolling="no" noresize frameborder="0" marginwidth="0" marginheight="0" border="no">
        <frame src="<?=$PHP_SELF;?>?action=leftbar" name="leftbar" scrolling="no" frameborder="no" noresize>
        <frame src="<?=$PHP_SELF;?>?action=main" name="main" scrolling="AUTO" noresize frameborder="0" marginwidth="10" marginheight="10" border="no">
      </frameset>
      <noframes>
      </noframes>
      </html>
      <?php
    }
    if($action=="leftbar")
    {
      ?>
      <html>
      <head>
      <title>转换栏</title>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
      <script>
      function switchleftbar()
      {
        if(window.parent.left_frame.cols == "0,16,*") {
          left_bar_image.src = "./images/admin_arrow_left.gif";
          left_bar_title.title = "隐藏工具栏"
          window.parent.left_frame.cols = "120,16,*";
        } else {
          left_bar_image.src = "./images/admin_arrow_right.gif";
          left_bar_title.title = "显示工具栏"
          window.parent.left_frame.cols = "0,16,*";
        }
      }
      </script>
      </head>
      <body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#508cd7">
      <table width="16" border="0" height="100%" cellpadding="0" cellspacing="0" align="left">
      <tr align="center">
        <td background="./images/admin_bg_bar.gif">
          <div id="left_bar_title" onclick="switchleftbar();" title="隐藏工具栏" style="CURSOR: hand;"><img id="left_bar_image" src="./images/admin_arrow_left.gif" ></div>
        </td>
      </tr>
      </table>
      </body>
      </html>
      <?php
    }
    if($action == "nav") {
      ?>
      <html>
      <head>
      <title>菜单栏</title>
      <META content="text/html; charset=gb2312" http-equiv=Content-Type>
      </head>
      <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#d9e3ea">
      <div align=center>左框测试</div>
      </body>
      </html>
      <?php
    }
    if($action=="main")
    {
      ?>
      <html>
      <head>
      <META content="text/html; charset=gb2312" http-equiv=Content-Type>
      </head>
      <body leftmargin="0" topmargin="0" marginwidth="5" marginheight="1" bgcolor="#d9e3ea">
      <table border="0" width="100%" cellspacing=0 cellpadding=3 bordercolorlight=gray bordercolordark=#ececec>
      <tr bgcolor=#508cd7>
       <td>
        <table border=0 cellspacing=0 cellpadding=2 width=100%>
        <tr>
         <td><font color=#ffffff>欢迎光临！</font></td>
         <td align=right><font color=#ffffff>当前服务器时间:<?php echo date("Y年m月d日 g:i:s a");?></font></td>
        </tr>
        </table>
       </td>
      </tr>
      </table>
      <br><br><br>
      右框测试
      </body>
      </html>
      <?php
    }
    ?>
      

  2.   

    看这个：
    --------------------------------------------------------------------
    <HTML><HEAD><TITLE>home</TITLE>
    <META content="text/html; charset=gb2312" http-equiv=Content-Type><LINK 
    href="hy/site.css" rel=stylesheet type=text/css>
    <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><META content="MSHTML 5.00.3315.2870" name=GENERATOR></HEAD>
    <BODY bgColor=#ffffff leftMargin=0 scroll=no topMargin=0>
    <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
      <TBODY>
      <TR>
        <TD align=middle id=frmTitle noWrap vAlign=center>
          <IFRAME frameBorder=0 
          name=yuzi src="左侧页面url" 
          style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 120px; Z-INDEX: 2"></IFRAME>
        <TD bgColor=#000000> 
          <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%">
            <TBODY>
            <TR>
              <TD onclick=switchSysBar() style="HEIGHT: 100%"><FONT 
                style="COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 12px"><SPAN 
                id=switchPoint>3</SPAN>  </FONT>
              </TD>
            </TR>
            </TBODY>
          </TABLE>
        </TD>
        <TD class="black" style="WIDTH: 100%"><IFRAME frameBorder=0 id=main name=main 
          scrolling=yes src="主页面url" 
          style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME></TD></TR></TBODY></TABLE></BODY></HTML>
    -----------------------------------------------------------------