[Javascript]IFRAME运用(2) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>RetractBar</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <STYLE type="TEXT/CSS"> </STYLE> <script language="javascript"> var currentMoveObj = null; function PageLoad() { //设置左边框架宽度：0.20为百分比 document.getElementById( "frmLeft" ).style.width = document.body.scrollWidth * 0.20; //设置缩进条颜色：#888888 document.getElementById( "frmBar" ).style.backgroundColor = "#888888"; } function switchSysBar() { if (switchPoint.innerText==3) { switchPoint.innerText=4; document.getElementById( "frmLeft" ).style.display = "none"; } else { switchPoint.innerText=3; document.getElementById( "frmLeft" ).style.display = ""; } } function BarMouseOver() { if (switchPoint.innerText==4) { switchPoint.innerText=3; document.getElementById( "frmLeft" ).style.display = ""; } } window.onload = PageLoad; window.onresize = PageLoad; </script> </head> <body topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%" ID="Table1"> <TR> <!--左框架--> <TD align="center" valign="middle" id="frmTitle"> <div id="frmLeft" style="HEIGHT: 100%"> <IFRAME frameBorder="0" id="Ileft" name="Ileft" src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2"></IFRAME> </div> </TD> <!--缩进条--> <TD> <div id="frmBar" onmouseover="BarMouseOver()" style="FILTER: alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=100,finishx=,finishy=100); WIDTH: 100%; HEIGHT: 100%"> <TABLE border="0" cellPadding="0" cellSpacing="0" height="100%" ID="Frame"> <TR> <TD style="HEIGHT: 100%"><SPAN style="COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 11px" onclick="switchSysBar()" id="switchPoint" title="点击缩放" >3</SPAN></TD> </TR> </TABLE> </div> </TD> <!--右框架--> <TD width="100%"> <div id="frmRight"> <IFRAME frameBorder="0" id="Iright" name="Iright" scrolling="no" src="about:home" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME> </div> </TD> </TR> </TABLE> </body> </html>