如何实现可折叠（通过按钮或操作来隐藏和显示）的顶帧和左帧。

创建4个页面
Index.htm ：最顶层帧
Top.htm ：上帧
Left.htm ：左帧
Right.htm ：右帧<<<——Index.htm——>>>
<html>
<frameset id="A" rows="100,*">
<frame name="Top" src="Top.htm">
<frameset id="B" cols="200,*">
<frame name="Left" src="Left.htm">
<frame name="Right" src="Right.htm">
</frameset>
<noframes>
<body>
<p>此网页使用了框架，但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>
</html><<<——Top.htm——>>>
随意写<<<——Left.htm——>>>
随意写<<<——Right.htm——>>>
<html>
<script language="javascript">
//控制左帧的显示与隐藏
function controlLeft(){
if(parent.B.cols != "200,*"){
parent.B.cols = "200,*";
}
else{
parent.B.cols = "-10,*";
}
}

//控制上帧的显示与隐藏
function controlTop(){
if(parent.A.rows != "100,*"){
parent.A.rows = "100,*";
}
else{
parent.A.rows = "-10,*";
}
}
</script>
<body>
<input type="button" value="控制左帧的显示与隐藏" onclick="controlLeft();">
<input type="button" value="控制上帧的显示与隐藏" onclick="controlTop();">
</body>
</html>-----------------------------------------------
推荐一个网站
http://www.51windows.net/myjs/

解决方案 »

  1.   

    这个代码我测试过了，可能是发布的时候缩进出了问题。把缩进全部取消掉。创建4个页面
    Index.htm ：最顶层帧
    Top.htm ：上帧
    Left.htm ：左帧
    Right.htm ：右帧<<<——Index.htm——>>>
    <html>
    <frameset id="A" rows="100,*">
    <frame name="Top" src="Top.htm">
    <frameset id="B" cols="200,*">
    <frame name="Left" src="Left.htm">
    <frame name="Right" src="Right.htm">
    </frameset>
    <noframes>
    <body>
    <p>此网页使用了框架，但您的浏览器不支持框架。</p>
    </body>
    </noframes>
    </frameset>
    </html><<<——Top.htm——>>>
    随意写<<<——Left.htm——>>>
    随意写<<<——Right.htm——>>>
    <html>
    <script language="javascript">
    //控制左帧的显示与隐藏
    function controlLeft(){
    if(parent.B.cols != "200,*"){
    parent.B.cols = "200,*";
    }
    else{
    parent.B.cols = "-10,*";
    }
    }

    //控制上帧的显示与隐藏
    function controlTop(){
    if(parent.A.rows != "100,*"){
    parent.A.rows = "100,*";
    }
    else{
    parent.A.rows = "-10,*";
    }
    }
    </script>
    <body>
    <input type="button" value="控制左帧的显示与隐藏" onclick="controlLeft();">
    <input type="button" value="控制上帧的显示与隐藏" onclick="controlTop();">
    </body>
    </html>
      

  2.   

    如果要美观，可以参照这个网站里面的CSS样式表进行修改
    http://www.51windows.net/myjs/