frame.html
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=javascript>
function hide()
{
// B1.style.display = "none";
// B2.style.display = "";
parent.window.aaaa.cols = "10,*";
}
function show()
{
// B1.style.display = "";
// B2.style.display = "none";
parent.window.aaaa.cols = "256,*";
}
</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: hidden" bgColor=#6699cc leftMargin=0 topMargin=0 marginheight="0">
<TABLE height="100%" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<INPUT id=B1 type="button" οnclick="javascript:hide();" value="h i d e">
<INPUT id=B2 type="button" οnclick="javascript:show(); " value="s h o w">
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
index.html
<frameset rows="80,*,10" frameborder="yes" border="0" framespacing="0">
<frame src="frame.html" name="top" scrolling="No" noresize="noresize" id="topFrame"
title="top" />
<frameset rows="*" cols="256,*" frameborder="yes" border="0" framespacing="0" id ="aaaa">
<frame src="frame.html" name="leftFrame" scrolling="NO" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="frame.html" name="main" scrolling="YES" id="mainFrame" title="mainFrame" />
</frameset>
<frame src="frame.html" name="bottomFrame" marginheight="0" marginwidth="0" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
</frameset>