<FRAMESET name="fstMain" cols="1,*" border="10" frameborder="1" FRAMESPACING="10" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" >
<FRAME name="fraLeftFrame" src="" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="1" BORDER="1"></FRAME>
<FRAME name="fraRightFrame" src="" FRAMEBORDER="no" bordercolor="#003366"></FRAME>
</FRAMESET>
比如一楼的回复那样的框架
parent.fraLeftFrame.cols = "0,*";
事件触发,设置框架的cols
保存为同一目录下地两个文件自己看吧,非常简单
index.htm
---------------
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>框架测试</title>
</head>
<frameset name="fmenu" border=0 frameborder=0 framespacing=2 framemargin=0 rows="50%,10,*">
<frame name="top" src="http://www.baidu.com">
<frame name=f5 framespcing=0 src="frame1.htm" scrolling=no noresize>
<frame name="bottom" src="http://mp3.baidu.com">
<noframes>
<body>
<p>此网页使用了框架,但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>
</html>
---------------
frame1.htm
------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>Lily BBS</title>
<script language=javascript>
function changeLeft()
{
if(parent.fmenu.rows != "50%,10,*")
{
parent.fmenu.rows = "50%,10,*";
document.all.menuSwitch.innerHTML = "<img src='FClose.gif' width='100' height='8' align='absmiddle'>";
}
else
{
parent.fmenu.rows = "99%,10,*";
document.all.menuSwitch.innerHTML = "<img src='FOpen.gif' width='100' height='8' align='absmiddle'>";
}
}
</script> </head>
<body topmargin=0 marginheight=0 leftmargin=0 marginwidth=0>
<table width="100%" height="100%" border=0 cellpadding=0 cellspacing=0 style="cursor:hand;">
<tr><td onclick=changeLeft() height="100%" id=menuSwitch align="center" bgcolor="#669999"><img src="FClose.gif" width="100" height="8" align="absmiddle"></td>
</tr>
</table>
</body>
</html>