是这样子吗?<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>

解决方案 »

  1.   

    我以前做过的:<HTML>
    <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>
      

  2.   

    <SCRIPT LANGUAGE=javascript>
    <!--
    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>