对框架熟悉的高手请进

用iframe,在每个框架边框都放一个图片什么的,在图片上写双击事件就可以了

解决方案 »

  1.   

    <html>
    <head><title>JK:支持民族工业,拒买日货</title>
    <script language="Javascript" >
    function showFolder()
    {
    if(document.all.folderframe.style.width!="0px")
    { window.parent.document.all.folderframe.style.width = "0";
    changeIframeWidthTd.innerText = ">";
    }
    else
    { window.parent.document.all.folderframe.style.width = "170";
    changeIframeWidthTd.innerText = "<";
    }
    }
    </script>
    </head>
    <body scroll="no" width="100%" leftMargin="0" rightMargin="0" topMargin="0" bottomMargin="0" >
    <table border="0" cellPadding=0 cellSpacing=0 bgcolor="#FFFFFF" width="100%" height="100%" valign="top">
    <tr><td height="75" colspan=3>
    <iframe src="menu.htm" align="top" scrolling="no" height="75" width="100%" frameborder="0" name="menuframe"></iframe>
    </td></tr>
    <tr>
    <td width="1" height="100%" id=FolderTD align="top" valign="top">
    <Iframe  height="100%" src="" align="top" width="170" scrolling="no" frameborder="0" name="folderframe"></iframe>
    </td>
    <td class="dataText" width="1%" bgcolor="cccccc" id=changeIframeWidthTd onclick="showFolder()">
    <
    </td>
    <td height="100%" id=ClientTD align="top">
    <iframe src="" width="100%" height="100%" scrolling="auto" frameborder="0" name="clientframe"></iframe>
    </td>
    </tr>
    </table>
    </body>
    </html>
      

  2.   

    框架使用 3个  左 中 右中间那个充当点击隐藏的角色
    框架
    <HTML>
    <HEAD>
    <TITLE> 主框架 </TITLE>
    </HEAD>
    <frameset rows="10%,18,*" framespacing="0" border="0" frameborder="0">
    <frame src="top.html" NORESIZE  SCROLLING="no">
    <frameset cols="90%,*">
    <frame name="mid" scrolling="no" noresize target="_self" src="clock.jsp">
    <frame name="mid_two" scrolling="no" noresize target="_self" src="clockDo.jsp">
    </frameset>
    <frameset cols="154,13,*"  name=bbs>
    <frame src="left.html" NORESIZE  SCROLLING="auto">
    <frame name="middle" src="middle.html" noResize scrolling=no>
    <frame src="main.jsp" name="main">
    </frameset>
    <noframes>
       <body>  
    <p><font size="2" color="#FF0000">此网页使用了框架，但您的浏览器不支持框架。</font>
    </body>
        </noframes>
    </frameset>
    </HTML>
    中间那个框架写:
    <HTML>
    <HEAD>
    <TITLE>改变窗体的大小</TITLE>
    <SCRIPT language=javascript>
    var screen=false;i=0;width=0;
    function  shiftwindow()
    {
    if(screen==false)
    {
    parent.bbs.cols='0,13,*';//parent.bbs.cols 改成 parent.document.getElementById('bbs').cols 
    screen=true;
    }
    else if(screen==true)
    {
    parent.bbs.cols='154,13,*';
    screen=false;
    }
    }
    </SCRIPT>
    </HEAD>
    <BODY bgColor=#FFCCCC leftMargin=0 topMargin=0 border="0">
    <TABLE style="CURSOR: hand" height=400 cellSpacing=0 cellPadding=0 width=8 border=0>
      <TBODY>
      <TR>
        <TD title=全屏/半屏 onclick=shiftwindow()>
     <IMG height=58 src="images/button.gif" width=8> 
    </TD>
      </TR>
      </TBODY>
    </TABLE>
    </BODY>
    </HTML>
      

  3.   

    <html>
    <head>
    <meta NAME="GENERATOR" Content="Microsoft FrontPage 5.0">
    <meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
    <title>程式</title>
    <style>
    .navPoint
    {
    font-family: Webdings;
    font-size:9pt;
    color:white;
    cursor:hand;
    }
    p{
    font-size:9pt;
    }
    </style>
    <script language="JavaScript">
    function switchSysBar(){
    if (switchPoint.innerText==3){
    switchPoint.innerText=4
    document.all("frmTitle").style.display="none"
    }
    else{
    switchPoint.innerText=3
    document.all("frmTitle").style.display=""
    }
    }

    function expandTopFrame(){
    if (typeof(rightFrame)!="undefined"){
      if (typeof(rightFrame.frameset)!="undefined") {
    rightFrame.frameset.rows="*,0"
    }
    }
    }

    function expandBottomFrame(){
    if (typeof(rightFrame)!="undefined"){
      if (typeof(rightFrame.frameset)!="undefined") {
    rightFrame.frameset.rows="0,*"
    }
    }
    }function restoreSplit(){
    h = document.body.clientHeight/2
    if (typeof(rightFrame)!="undefined"){
      if (typeof(rightFrame.frameset)!="undefined") {
    rightFrame.frameset.rows="*,"+h
    }
    }
    }
    </script>
    </head><body bgcolor="teal" style="MARGIN: 0px" scroll="no">
    <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
     <tr>
      <td id="frmTitle" name="frmTitle" nowrap valign="middle" align="center" width="125">
        <iframe id=BoardTitle name=BoardTitle style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 120; Z-INDEX: 2" scrolling=auto frameborder=0 src="/inc/lead_bar.html"></iframe>
      </td>
      <td style="width:10pt" bgcolor="#CCBBCC" >
       <table cellspacing=0 cellpadding=0 border=0 height=100%>
        <tr><td style="height:100%" onclick="switchSysBar()"><span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span></td></tr>
        <tr><td height=10 onclick="expandBottomFrame()"><span class="navPoint" id="switchPoint2" title="下栏最大化">5</span></td></tr>
        <tr><td height=10 onclick="restoreSplit()"><span class="navPoint" id="switchPoint4" title="上下栏缺省分割"><</span></td></tr>
        <tr><td height=10 onclick="expandTopFrame()"><span class="navPoint" id="switchPoint3" title="上栏最大化">6</span></td></tr>
        <tr><td height=20></td></tr>
       </table>
      </td>
      <td style="width:100%">
    <iframe id="rightFrame" name="rightFrame" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1" scrolling="no" frameborder="0" src="copyweb.asp"></iframe>
      </td>
     </tr>
    </table>
    <script>switchSysBar();restoreSplit();</script>
    </body>
    </html>
      

  4.   

    框架页：
    <html><head>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 2</title>
    </head><frameset rows="64,*,64" framespacing="0" frameborder="no" border=0>
      <frame name="top" scrolling="no" target="contents" src="new_page_3.htm">
      <frameset cols="150,*,150" id="frmsetmiddle">
        <frame name="left" target="main" src="new_page_5.htm">
        <frame name="main" src="new_page_4.htm" scrolling="auto" noresize>
        <frame name="right" target="main" src="new_page_8.htm">  </frameset>
      <frame name="bottom" scrolling="no" noresize target="contents" src="new_page_6.htm">
    </frameset>
    </html>其中new_page_8.htm可以改变框架大小：
    new_page_8.htm
    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 5</title>
    <base target="main">
    </head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <script language="javascript">
    var labdispstatus;
    labdispstatus=true;function disporhidefrm() {
        if (labdispstatus) {
         parent.frmsetmiddle.cols="150,*,20"; 
         document.all.disporhide.value="<";
         labdispstatus=false;
        } else {
         parent.frmsetmiddle.cols="150,*,150"; 
         document.all.disporhide.value=">";
         labdispstatus=true;
        }
    }
    </script>
    <table width=100% border=0 cellspacing=0 cellpadding=0>
    <tr>
    <td height=100 width=20>
    <input type="button" name="disporhide" value=">" onclick="disporhidefrm()">
    </td>
    <td>
    </td>
    </tr>
    </table>
    <p>ss</p></body>
    </html>