<html><br />
<head><br />
<meta http-equiv="Content" content="text/html;chartset=utf-8"><br />
<title>test drag</title><br />
<style type="text/css"><br />
<!--<br />
.drag {<br />
width:100px;<br />
height:100px;<br />
position:absolute;<br />
left:10px;<br />
top:10px;<br />
background-color:blue;<br />
}<br />
--><br />
</style><br />
<script type="text/javascript"><br />
<!--<br />
function drag(target,event)<br />
{<br />
var deltaX = event.clientX-parseInt(target.style.left);<br />
var deltaY = event.clientY-parseInt(target.style.top);<br />
<br />
document.attachEvent("onmousemove",movehandle);<br />
document.attachEvent("onmouseup",uphandle);<br />
<br />
function movehandle()<br />
{<br />
target.style.left = event.clientX-deltaX;<br />
target.style.top = event.clientY-deltaY;<br />
}<br />
<br />
function uphandle()<br />
{<br />
document.detachEvent("onmousemove",movehandle);<br />
document.detachEvent("onmouseup",uphandle);<br />
}<br />
}<br />
--><br />
</script><br />
</head><br />
<body><br />
<div id="drag1" class="drag" style="left:10px;top:10px;background-color:red;" onmousedown="drag(this,event);" >show me you 2</div><br />
<div id="drag" class="drag" onmousedown="drag(this,event);" style="left:10px;top:10px;">show me you</div><br />
<br />
</body><br />
</html><br />
<br />