主文件 index.htm
<frameset id=myFrameset cols="200,*" rows="*" bordercolor="menu" border="6" framespacing="6" >
<frame name="leftFrame" src="left.htm" frameborder="1" border="1" scrolling="no">
<frame name="main" src="right.htm" frameborder="1" border="1" scrolling="auto">
</frameset>
=====================
right.htm
<script>
function openFrame(){
top.myFrameset.cols="200,*";
}
function closeFrame(){
top.myFrameset.cols="0,*";
}
</script>
<a href="javascript:closeFrame();">close</a>
<a href="javascript:openFrame();">open</a>
<frameset id=myFrameset cols="200,*" rows="*" bordercolor="menu" border="6" framespacing="6" >
<frame name="leftFrame" src="left.htm" frameborder="1" border="1" scrolling="no">
<frame name="main" src="right.htm" frameborder="1" border="1" scrolling="auto">
</frameset>
=====================
right.htm
<script>
function openFrame(){
top.myFrameset.cols="200,*";
}
function closeFrame(){
top.myFrameset.cols="0,*";
}
</script>
<a href="javascript:closeFrame();">close</a>
<a href="javascript:openFrame();">open</a>
=========================
<body topmargin=0 leftmargin=0>
<table><tr><td width=6>
<div style="background:gray;height:expression(document.body.clientHeight-8);" onclick="oorc();"></div>
</td><td valign=top>
<a href="javascript:closeFrame();">close</a>
<a href="javascript:openFrame();">open</a>
</td></tr></table>
<script>
function oorc(){
if(top.myFrameset.cols=="0,*")
top.myFrameset.cols="200,*";
else
top.myFrameset.cols="0,*";
}
function openFrame(){
top.myFrameset.cols="200,*";
}
function closeFrame(){
top.myFrameset.cols="0,*";
}
</script>