左右框架隐藏显示/打开/关闭的JS代码

2024-09-05 12:17:36

字体：大中小

来源：转载

供稿：网友

在论坛里经常看到这种左右框架的网页结构，用鼠标点击中间的控制按钮会打开/关闭，或者说是隐藏/显示左边的侧栏框架，你在做后台程序时也要用到，也许你这会用不到，你以后或许能用上。

<HTML><HEAD><TITLE>框架显示/隐藏</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>.navPoint {	COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}</style><SCRIPT>function switchSysBar(){	if (switchPoint.innerText==3){		switchPoint.innerText=4		document.all("frmTitle").style.display="none"	}	else{		switchPoint.innerText=3		document.all("frmTitle").style.display=""	}}</SCRIPT></HEAD><BODY bgColor=skyblue scroll=no style="MARGIN: 0px"><TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">  <TBODY>    <TR>       <TD bgColor=#eeeeee align=middle id=frmTitle noWrap vAlign=center name="fmTitle"><IFRAME       frameBorder=0 id=left name=left src="about:blank"       style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 145px; Z-INDEX: 2"></IFRAME>       <TD style="WIDTH: 10pt"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%">          <TBODY>            <TR>               <TD onclick=switchSysBar() style="HEIGHT: 100%"><SPAN class=navPoint             id=switchPoint title=关闭/打开左栏>3</SPAN></TD>            </TR>          </TBODY>        </TABLE></TD>      <TD style="WIDTH: 100%"><IFRAME frameBorder=0 id=frmright name=frmright       scrolling=no src="/" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>    </TR>  </TBODY></TABLE></BODY></HTML>

上一篇：JS完整获取IE浏览器信息

下一篇：分别用JavaScript、VBScript弹出确认提示框