父子页面间拖动的问题

<HTML>
<HEAD>
<BASE href="file:///D:/zdbtext/test1/test1/Web Content/aresize.html">
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY><table id="window1" style="z-index:0;top:0;left:0;width:200;height:100%;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="#33ccb3">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2" style="cursor:hand;color:#B333cc" onclick="minFrame()">最小化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="maxFrame()">最大化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="revertFrame()">还原</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="closeFrame()">关闭</font>
</td>
</tr>
<tr>
<td>
<iframe src="" width="100%" height="100%"></iframe>
</td>
</tr>
<tr height="20">
<td align="right">
<font size="2" style="cursor:move;color:#B333cc" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table><table id="window2" style="z-index:2;top:0;left:200;width:200;height:100%;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="#33ccb3">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2" style="cursor:hand;color:#B333cc" onclick="minFrame()">最小化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="maxFrame()">最大化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="revertFrame()">还原</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="closeFrame()">关闭</font>
</td>
</tr>
<tr>
<td>
<iframe src="" width="100%" height="100%"></iframe>
</td>
</tr>
<tr height="20">
<td align="right">
<font size="2" style="cursor:move;color:#B333cc" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table><table id="window3" style="z-index:3;top:0;left:400;width:200;height:100%;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="#33ccb3">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2" style="cursor:hand;color:#B333cc" onclick="minFrame()">最小化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="maxFrame()">最大化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="revertFrame()">还原</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="closeFrame()">关闭</font>
</td>
</tr>
<tr>
<td>
<iframe src="" width="100%" height="100%"></iframe>
</td>
</tr>
<tr height="20">
<td align="right">
<font size="2" style="cursor:move;color:#B333cc" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table>
<table id="window5" style="z-index:5;top:0;left:600;width:200;height:100%;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="#33ccb3">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2" style="cursor:hand;color:#B333cc" onclick="minFrame()">最小化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="maxFrame()">最大化</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="revertFrame()">还原</font>
<font size="2" style="cursor:hand;color:#B333cc" onclick="closeFrame()">关闭</font>
</td>
</tr>
<tr>
<td>
<iframe src="" width="100%" height="100%"></iframe>
</td>
</tr>
<tr height="20">
<td align="right">
<font size="2" style="cursor:move;color:#B333cc" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table></BODY>
</HTML><SCRIPT LANGUAGE=javascript>
<!--
var objSelected = null;
var changeControl = null;
var maxZindex = 3;function beginChange(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
changeControl = event.srcElement;
objSelected.style.height=objSelected.offsetHeight;
objSelected.style.width=objSelected.offsetWidth;
objSelected.offsetMouseWidth = event.x - parseInt(objSelected.style.width);
objSelected.offsetMouseHeight = event.y - parseInt(objSelected.style.height);
changeControl.attachEvent("onmousemove",Change);
changeControl.attachEvent("onmouseup",endChange);
changeControl.setCapture();
}function endChange(){
changeControl.detachEvent("onmousemove",Change);
changeControl.detachEvent("onmouseup",endChange);
changeControl.releaseCapture();
}function Change(){
if (event.x - objSelected.offsetMouseWidth<0 || event.y - objSelected.offsetMouseHeight<0)
return false;
objSelected.style.width = event.x - objSelected.offsetMouseWidth;
objSelected.style.height = event.y - objSelected.offsetMouseHeight;
}function beginMove(){
if (event.srcElement.tagName!="TD"){
return false;
}
objSelected = event.srcElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
objSelected.offsetMouseLeft = event.x - parseInt(objSelected.style.left);
objSelected.offsetMouseTop = event.y - parseInt(objSelected.style.top);
objSelected.attachEvent("onmousemove",move);
objSelected.attachEvent("onmouseup",endMove);
objSelected.setCapture();
}function endMove(){
objSelected.detachEvent("onmousemove",move);
objSelected.detachEvent("onmouseup",endMove);
objSelected.releaseCapture();
}function move(){
if (event.x - objSelected.offsetMouseLeft<0 || event.y - objSelected.offsetMouseTop<0)
return false;
objSelected.style.left = event.x - objSelected.offsetMouseLeft;
objSelected.style.top = event.y - objSelected.offsetMouseTop;
}function closeFrame(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
objSelected.style.display = "none";
}function revertFrame(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
objSelected.style.display = "";
objSelected.rows(1).style.display = "";
objSelected.rows(0).cells(0).children(0).style.display = "";
objSelected.rows(0).cells(0).children(1).style.display = "";
objSelected.style.width = "200";
objSelected.style.height = "100%";
objSelected.style.width = objSelected.offsetWidth;
objSelected.style.height = objSelected.offsetHeight;
// objSelected.style.top = "0";
// objSelected.style.left = "0";
objSelected.style.top = 0;
    objSelected.style.left= objSelected.offsetLeft - document.body.offsetLeft;}function maxFrame(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
objSelected.rows(1).style.display = "";
objSelected.rows(0).cells(0).children(0).style.display = "";
objSelected.rows(0).cells(0).children(1).style.display = "none";
objSelected.style.width = "100%";
objSelected.style.height = "100%";
objSelected.style.width = objSelected.offsetWidth;
objSelected.style.height = objSelected.offsetHeight;
objSelected.style.top = "0";
objSelected.style.left = "0";
}function minFrame(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
maxZindex++;
objSelected.style.zIndex = maxZindex;
objSelected.rows(1).style.display = "none";
objSelected.rows(0).cells(0).children(0).style.display = "none";
objSelected.rows(0).cells(0).children(1).style.display = ""; objSelected.style.width = "150";
objSelected.style.height = "20"; objSelected.style.top = document.body.offsetHeight - objSelected.offsetHeight;
    objSelected.style.left= objSelected.offsetLeft - document.body.offsetLeft;
// objSelected.style.left = "0";
   

}//-->
</SCRIPT>