<html>
<head>
<title> New Document </title>
<style>
.drag { position: relative; cursor:move }
</style>
<script language="JavaScript">
<!--
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>
</head>
<body>
<img src="http://static.naver.com/kin/img/tab_green01_1.gif" class="drag">
<img src="http://static.naver.com/kin/img/tab_green02_on.gif" class="drag">
<img src="http://static.naver.com/kin/img/tab_green03_1.gif" class="drag">
<img src="http://static.naver.com/kin/img/tab_green05.gif" class="drag">
</body>
</html>
