是这样子吗?<script>
function beginDrag(elementToDrag,event) { var delatX=event.clientX-parseInt(elementToDrag.style.left);
var delatY=event.clientY-parseInt(elementToDrag.style.top);
document.attachEvent("onmousemove",moveHandler);
document.attachEvent("onmouseup",upHandler);
event.cancelBubble=true;
event.returnValue=false; function moveHandler(e) {
if(!e) e=window.event;
elementToDrag.style.left=(e.clientX-delatX)+"px";
elementToDrag.style.top=(e.clientY-delatY)+"px";
e.cancelBubble=true;
} function upHandler(e) {
if(!e) e=window.event;
document.detachEvent("onmouseup",upHandler);
document.detachEvent("onmousemove",moveHandler);
e.cancelBubble=true;
bao.style.left=elementToDrag.style.left;
bao.style.top=elementToDrag.style.top;
}
}</script>
<input type="image" src="csdn.gif" id=bao
style="position:absolute;left:0px;top:0px;"
onmousedown="beginDrag(this,event);">
<script>
var newimg = document.createElement(bao.outerHTML);
newimg.id="baotest";
newimg.style.filter="Alpha(opacity=20)";
document.body.appendChild(newimg)
</script>
function beginDrag(elementToDrag,event) { var delatX=event.clientX-parseInt(elementToDrag.style.left);
var delatY=event.clientY-parseInt(elementToDrag.style.top);
document.attachEvent("onmousemove",moveHandler);
document.attachEvent("onmouseup",upHandler);
event.cancelBubble=true;
event.returnValue=false; function moveHandler(e) {
if(!e) e=window.event;
elementToDrag.style.left=(e.clientX-delatX)+"px";
elementToDrag.style.top=(e.clientY-delatY)+"px";
e.cancelBubble=true;
} function upHandler(e) {
if(!e) e=window.event;
document.detachEvent("onmouseup",upHandler);
document.detachEvent("onmousemove",moveHandler);
e.cancelBubble=true;
bao.style.left=elementToDrag.style.left;
bao.style.top=elementToDrag.style.top;
}
}</script>
<input type="image" src="csdn.gif" id=bao
style="position:absolute;left:0px;top:0px;"
onmousedown="beginDrag(this,event);">
<script>
var newimg = document.createElement(bao.outerHTML);
newimg.id="baotest";
newimg.style.filter="Alpha(opacity=20)";
document.body.appendChild(newimg)
</script>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY><table style="z-index:10;top:310;left:10;width:200;height:100;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="blue">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2">移动</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;" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table><table style="z-index:10;top:10;left:10;width:200;height:100;position:absolute" border="0" cellpadding="0" cellspacing="0" bgcolor="blue">
<tr height="20" onmousedown="beginMove()">
<td align="right" style="cursor:move;">
<font size="2">移动</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;" onmousedown="beginChange()">改变大小</font>
</td>
</tr>
</table><div style="z-index:5;border:1px solid #000000;top:10;left:10;width:200;height:100;position:absolute;display:none;" id="tmpDiv"></div></BODY>
</HTML>
<!--
var objSelected = null;
var border = null;
var changeControl = null;function beginChange(){
objSelected = event.srcElement.parentElement.parentElement.parentElement.parentElement;
border = document.all.tmpDiv;
border.style.display = "";
border.style.zIndex = 20;
border.style.left = objSelected.style.left;
border.style.top = objSelected.style.top;
border.style.width = objSelected.style.width;
border.style.height = objSelected.style.height;
changeControl = event.srcElement;
border.offsetMouseWidth = event.x - parseInt(border.style.width);
border.offsetMouseHeight = event.y - parseInt(border.style.height);
changeControl.attachEvent("onmousemove",Change);
changeControl.attachEvent("onmouseup",endChange);
changeControl.setCapture();
}function endChange(){
changeControl.detachEvent("onmousemove",Change);
changeControl.detachEvent("onmouseup",endChange);
changeControl.releaseCapture();
objSelected.style.width = border.style.width;
objSelected.style.height = border.style.height;
border.style.zIndex = 5;
border.style.display = "none";
}function Change(){
if (event.x - border.offsetMouseWidth<50 || event.y - border.offsetMouseHeight<50){
//至少要50*50
return false;
}
border.style.width = event.x - border.offsetMouseWidth;
border.style.height = event.y - border.offsetMouseHeight;
}function beginMove(){
objSelected = event.srcElement.parentElement.parentElement.parentElement;
border = document.all.tmpDiv;
border.style.display = "";
border.style.zIndex = 20;
border.style.left = objSelected.style.left;
border.style.top = objSelected.style.top;
border.style.width = objSelected.style.width;
border.style.height = objSelected.style.height;
border.offsetMouseLeft = event.x - parseInt(border.style.left);
border.offsetMouseTop = event.y - parseInt(border.style.top);
border.attachEvent("onmousemove",move);
border.attachEvent("onmouseup",endMove);
border.setCapture();
}function endMove(){
border.detachEvent("onmousemove",move);
border.detachEvent("onmouseup",endMove);
border.releaseCapture();
objSelected.style.left = border.style.left;
objSelected.style.top = border.style.top;
border.style.zIndex = 5;
border.style.display = "none";
}function move(){
if (event.x - border.offsetMouseLeft<0 || event.y - border.offsetMouseTop<0)
return false;
border.style.left = event.x - border.offsetMouseLeft;
border.style.top = event.y - border.offsetMouseTop;
}//-->
</SCRIPT>