[Javascript]IFRAME运用(2)

zoukankan html css js c++ java

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

查看全文

相关阅读:
png图片透明在ie6中显示问题
 DIV背景图片在Firefox下不显示,IE下正常
 整理：兼容 IE、Firefox、Opera和Safari
IE6背景消失问题
 鼠标悬停换图片或背景
 网站团队组建方案
 CSS兼容IE6,IE7,FF的技巧
 打造MySQL版的最新IP数据库
 域名判断后跳转——PHP跳转代码_ASP跳转代码_JS跳转代码
 IE6文字消失、背景圖消失之謎

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