img图像的鼠标拖动平移如何实现？

Question

<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;
    elementToDrag.style.left=elementToDrag.style.left;
    elementToDrag.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);">

Answer 1

我是这样的：
<DIV onmouseup="UpXY()" onmousemove="MoveRect()" onmousedown="DownXY()" id="divimg" ondblclick="OnMouseDblClick()" style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<IMG id="viewImg" style="LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 0px" height="610" src="Map.aspx" width="700" GALLERYIMG="no">
</DIV>在onmousedown事件里面
document.all.BoundDownX.value = window.event.x;
document.all.BoundDownY.value = window.event.y;在onmousemove事件里面
var ox2=window.event.x;
var oy2=window.event.y;
document.all.divimg.style.pixelLeft = ox2 - parseFloat(document.WebGIS.BoundDownX.value);
document.all.divimg.style.pixelTop = oy2 - parseFloat(document.WebGIS.BoundDownY.value);现在发现，图片能够移动，可是不是在按住鼠标的时候移动，是在松开鼠标的时候，图片才跟着鼠标移动。不知道怎么回事。而且按住鼠标拖动图片，鼠标变成一个禁止的符号，似乎不允许拖动的样子。
我图片是房子div里面的

Answer 2

http://www.walterzorn.com/dragdrop/dragdrop_e.htm参考这个，怎么拖动都行。