<style>
.drag { position: relative; cursor:move }
</style>
<script>
//------------ 마우스로 객체 드래그
var bdown = false;
var x, y;
var sElem;

function mdown() {
if(event.srcElement.className == "drag") {
bdown = true;
sElem = event.srcElement;
x = event.clientX;
y = event.clientY;
}
}
function mup() {
bdown = false;
}
function moveimg() {
if(bdown) {
var distX = event.clientX - x;
var distY = event.clientY - y;
sElem.style.pixelLeft += distX;
sElem.style.pixelTop += distY;
x = event.clientX;
y = event.clientY;
return false;
}
}
document.onmousedown = mdown;
document.onmouseup = mup;
document.onmousemove = moveimg;
</script>