如何通过一个按钮的点击,动态切换iframe的width,达到隐藏和显示iframe的效果

<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
<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=#487dd9 scroll=no style="MARGIN: 0px">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">
  <TBODY>
    <TR> 
      <TD 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: 143px; Z-INDEX: 2"></IFRAME> 
      <TD bgColor=#425bb8 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="about:home" 
      style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME></TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</HTML> 
<div style="position: absolute; bottom: 10; right: 0; width: 150; height: 18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;">
 <A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A>  <A href="/game/" target=_blank><FONT color=green> 在线小游戏</FONT></A>
 <input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

解决方案 »

  1.   

    <table width="100%" height="94%" border="0" cellpadding="1" cellspacing="0" class="style">   
      <tr> 
      <td valign="top" class="white" id=leftID style="display:block">   
       <iframe src="a.jsp" name="a" width="400" height="450" frameborder="0" framespacing="0" border="0"></iframe>
      </td>
      <td onclick="do();">打开/关闭</td>
      </tr>
    </table>
    <script>
    function do()
    {
      if(leftID.style.display=="block")
         leftID.style.display="none";
      else
         leftID.style.display="block";
    }
    </script>