<script type="text/javascript">
var SelectedItem;
var SelectedX, SelectedY;
var MouseX, MouseY;
function Move(ClickedItem)
{
/*if(typeof evt == "undefined"){
evt = event;
}*/
SelectedItem = ClickedItem;
SelectedX = SelectedItem.style.pixelLeft;
SelectedY = SelectedItem.style.pixelTop;
MouseX = event.clientX;//MouseX = evt.clientX;
MouseY = event.clientY;//MouseY = evt.clientY;
document.onmousemove = Drag;
document.onmouseup = Drop;
}
function Drag(evt)
{
if(typeof evt == "undefined"){
evt = event;
}
SelectedItem.style.left = SelectedX + (evt.clientX - MouseX);
SelectedItem.style.top = SelectedY + (evt.clientY - MouseY);
return false;
}
function Drop()
{
document.onmousemove = null;
document.onmouseup = null;
}
</script>
<div style="position:relative; width:550px; height:125px;">
<div onmousedown="Move(this)" style="position:absolute; left:15px; top:10px; cursor: move">
DIV
</div>
</div>