如何动态改变框架的大小？

<HTML>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta content="F.R.Huang(meizz梅花雨)//www.meizz.com" name="author">
  </head>
  <frameset id="frameHead" rows="84, *" framespacing="0" border="0" frameborder="0">
    <frame name="brokerCaption" scrolling="no" SRC="Caption.asp">
    <frameset id="frameBody" cols="123, *" framespacing="0" border="0" frameborder="0">
      <frame name="brokerMenuTree" src="MenuTree.aspx" scrolling="auto">
      <frame name="Client" src="main.asp" scrolling="auto">
    </frameset>
    <noframes>
      <body>
        <h2 align="center">对不起！你的浏览器不支持框架网页</h2>
      </body>
    </noframes>
  </frameset>
</HTML>Caption.asp: function hsTop(e)
{
if(top==window) return;
var b = !(parent.frameHead.rows == "84, *");
parent.frameHead.rows = (document.body.offsetHeight > 40) ? "24, *" : "84, *";
trHead.style.display = b ? "" : "none";
e.src = b ? "../pic/top.gif" : "../pic/bottom.gif";
e.alt = b ? " ▲ 隐藏 上边的菜单" : " ▼ 展开 下边的菜单";
}
function hs(e)
{
if(top==window) return;
var b = !(parent.frameBody.cols == "123, *");
parent.frameBody.cols = (parent.brokerMenuTree.document.body.offsetWidth > 10) ? "1, *" : "123, *";
e.src = b ? "../pic/prev.gif" : "../pic/next.gif";
e.alt = b ? " ← 隐藏 左边的菜单" : " → 展开 左边的菜单";
}
      <DIV style="Z-INDEX: 1; ; LEFT: expression(document.body.clientWidth-42); WIDTH: 42px; COLOR: #ff0000; POSITION: absolute; ; TOP: expression(document.body.clientHeight-21); HEIGHT: 18px" noWrap><IMG style="CURSOR: hand" onclick="hs(this)" alt=" ← 隐藏 左边的菜单" src="../pic/prev.gif" border="0"><IMG style="CURSOR: hand" onclick="hsTop(this)" alt=" ▲ 隐藏 上边的菜单" src="../pic/top.gif" border="0"></DIV>