[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>

相关阅读:
团队开发冲刺第二十天
团队开发冲刺第十九天
第十六周进度总结
学期课后个人总结
用户场景分析
第十五周进度总结
对正在使用的输入法进行评价
java中实现客户姓名添加和显示
指定查找区间，查找学生姓名并显示是否修改成功
linux下如何修改文件的权限chmod

原文地址：https://www.cnblogs.com/HD/p/147749.html