如何实现可折叠(通过按钮或操作来隐藏和显示)的顶帧和左帧。
.
可折叠 .
............................
. .
可 . .
折 . .
叠 . .
. .
. .
. .
. .
............................
问题点数:100、回复次数:5Top
1 楼leo963258(我劝天公重抖擞,不拘一格降人才)回复于 2005-06-04 01:20:22 得分 10
用framesetTop
2 楼fightgod2400(行进小泰山)回复于 2005-06-04 02:52:24 得分 90
创建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/
Top
3 楼zengxianfeng(冲星中......)回复于 2005-06-07 14:51:51 得分 0
谢谢楼上的,但好象有问题,
有没有好看一点的实用的代码呢Top
4 楼fightgod2400(行进小泰山)回复于 2005-06-07 17:17:27 得分 0
这个代码我测试过了,可能是发布的时候缩进出了问题。把缩进全部取消掉。
创建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>Top
5 楼fightgod2400(行进小泰山)回复于 2005-06-07 17:22:47 得分 0
如果要美观,可以参照这个网站里面的CSS样式表进行修改
http://www.51windows.net/myjs/Top




