IFRAME运用(2)

最新推荐文章于 2025-12-17 21:39:10 发布

转载最新推荐文章于 2025-12-17 21:39:10 发布 · 853 阅读

文章标签：

#iframe #microsoft #function #generator #border #table

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

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