在页面里有三个frame,左边的是导航栏,中间是控制栏,右边是显示栏.点击中间栏就可以显示或隐藏左边的导航栏.其中中间栏里也是一个html,并准备三张图片,一张开,一张关,一张背景.
<html>
<head>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<title>Middle</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
var i=0;
function changecol(){
if (i==0){
closecol()
} else {
opencol()
}
}
function closecol(){
top.centerFrame.cols='0,11,*'
moveImg.src="image/imgopen.gif";
moveImg.alt="Open Navigate Bar";
i=1;
}
function opencol(){
top.centerFrame.cols='185,11,*';
moveImg.src="image/imgclose.gif";
moveImg.alt="Close Navigate Bar";
i=0;
}
</SCRIPT>
</head>
<body background="image/bar.gif" οnclick="changecol()">
<table width="100%" border="0" height="100%" align="center">
<tr>
<td>
</td>
</tr>
<tr>
<td><img name="moveImg" src="image/imgclose.gif" width="6" height="54"></td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>