用JavaScript移动对象

　drag me-><script type="text/javascript"> var xOffset,yOffset; function dragStart() { var obj=event.srcElement; obj.style.position="absolute"; obj.setCapture(); xOffset=event.x-obj.offsetLeft; yOffset=event.y-obj.offsetTop; } function doDrag() { event.srcElement.style.left=event.x-xOffset; event.srcElement.style.top =event.y-yOffset; } function dragEnd() { event.srcElement.style.cursor="default"; event.srcElement.releaseCapture(); } </script> <-drag me

源代码：

<scripttype="text/javascript">...
varxOffset,yOffset;
functiondragStart()
...{
varobj=event.srcElement;
obj.style.position="absolute";
obj.setCapture();
xOffset=event.x-obj.offsetLeft;
yOffset=event.y-obj.offsetTop;
}
functiondoDrag()
...{
event.srcElement.style.left=event.x-xOffset;
event.srcElement.style.top=event.y-yOffset;
}
functiondragEnd()
...{
event.srcElement.style.cursor="default";
event.srcElement.releaseCapture();
}
</script>
<imgsrc="http://www.w3.org/Icons/valid-xhtml10.png"onmousedown="this.style.cursor='move'"onmouseup="this.style.cursor='default'"ondragstart="dragStart()"ondrag="doDrag()"ondragend="dragEnd()"/>