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

zengxianfeng 2005-06-04 01:16:18

.
可折叠 .
............................
. .
可 . .
折 . .
叠 . .
. .
. .
. .
. .
............................

...全文

197 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

fightgod2400 2005-06-07

打赏
举报

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

fightgod2400 2005-06-07

打赏
举报

这个代码我测试过了，可能是发布的时候缩进出了问题。把缩进全部取消掉。

创建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>

zengxianfeng 2005-06-07

打赏
举报

谢谢楼上的，但好象有问题，
有没有好看一点的实用的代码呢

fightgod2400 2005-06-04

打赏
举报

创建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/

leo963258 2005-06-04