后台页面常用的框架的开合:
控制页代码:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script language="javascript">
function tt()
{
//alert(parent.mainFrame.cols);
var cols_str=parent.mainFrame.cols;
var left_fram_width=cols_str.substring(0,cols_str.indexOf(","));
//alert(left_fram_width);
if(left_fram_width>20)
{
parent.mainFrame.cols="0,6,*";
document.form1.iim.src="../images/right.gif";
}
else
{
parent.mainFrame.cols="200,6,*";
document.form1.iim.src="../images/left.gif";
}
//alert(document.form1.iim.src);
}
</script>
</head>
<body bgcolor="#747474">
<form name="form1">
<table height="100%" cellspacing="0px">
<tr><td width="8" valign="middle"><a style="CURSOR: hand" οnclick="javascript:tt()"><img name="iim" src="left.gif"/></a></td>
</tr>
</table>
</form>
</body>
</html>
主页代码:
</head>
<frameset rows="100%,*" frameborder="no" border="0" framespacing="0">
<frameset cols="200,6,*" framborder="no" name="mainFrame" >
<frame src="left.jsp" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="contr.jsp" name="contrFrame" scrolling="No" noresize="noresize" id="contrFrame" title="contrFrame" />
<frame src="navbg.jsp" name="middleFrame" id="middleFrame" title="middleFrame" />
</frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>
红色部分就是你要包含进来的两个页面。
<frameset rows="100%,*" frameborder="no" border="0" framespacing="0">
中rows中100%指定高度。
控制页中:cols_str.substring(0,cols_str.indexOf(","));
取到主页中 cols="200,6,*" 。
用JS确定是开还是合。
这样就完成了开合。
附箭头图。