<script language="JavaScript" src="http://tw.yimg.com/i/tw/hp/wd/wd_20050720.js"></script>
<style>
.DragDrop{position:absolute;border:solid 1px red;width:400px;background:white;}
</style>
<script language="JavaScript">
addEvent(document,"mousedown",DragDrop_start);
DragDrop_start.zIndex = 1000;
function DragDrop_start(e)
{
e = getEvent(e);
var el = getObjByClass(e.target,"div","DragDrop");
if(el)
{
removeEvent(document,"mousemove",DragDrop_start);
DragDrop_move.target = el;
var d = getDimension(el);
el.startX = e.mouseX - d.x;
el.startY = e.mouseY - d.y;
el.style.zIndex = (DragDrop_start.zIndex++)
addEvent(document,"mousemove",DragDrop_move);
addEvent(document,"mouseup",DragDrop_stop);
return stopEvent(e);
}
}
function DragDrop_move(e)
{
e = getEvent(e);
var el = DragDrop_move.target;
el.style.left = e.mouseX - el.startX + "px";
el.style.top = e.mouseY - el.startY + "px";
return stopEvent(e);
}
function DragDrop_stop(e)
{
DragDrop_move.target = null;
removeEvent(document,"mousemove",DragDrop_move);
removeEvent(document,"mouseup",DragDrop_stop);
addEvent(document,"mousedown",DragDrop_start);
return stopEvent(e);
}
</script>
<div class="DragDrop">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam tempus tellus vitae tortor. Cras a ipsum. Vestibulum porta. Phasellus e mauris. Nullam non arcu. Nulla felis eros, dictum a, pharetra nec, bibendum ac, elit. Aliquam a lacus et justo consequat nonummy. Quisque egestas. Etiam a erat. Maecenas commodo sem vitae nibh. Vestibulum porttitor, velit vel posuere dictum, neque nulla dignissim nunc, id condimentum odio sapien id orci. Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="DragDrop">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam tempus tellus vitae tortor. Cras a ipsum. Vestibulum porta. Phasellus tincidunt fringilla felis. Mauris consectetuer. Vivamus eu metus et lacus viverra varius. Maecenas at dolor a orci sagittis sodales. Phasellus ac turpis. Aenean iaculis. Aliquam volutpat. Donec tortor ante, consectetuer at, vestibulum eu, iaculis eu, magna. Vestibulum blandit neque ac justo. Nam gravida, dui nec rhoncus sollicitudin, arcu diam imperdiet dui, scelerisque fringilla sapien quam sit amet sem. Suspendisse a ligula. Suspendisse potenti. Etiam convallis dolor vel sapien. Nullam adipiscing nulla facilisis velit. Fusce sit amet ipsum. Proin gravida urna a lectus. Etiam fringilla. Fusce suscipit aliquam est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque mauris. Nullam non arcu. Nulla felis eros, dictum a, pharetra nec, bibendum ac, elit. Aliquam a lacus et justo consequat nonummy. Quisque egestas. Etiam a erat. Maecenas commodo sem vitae nibh. Vestibulum porttitor, velit vel posuere dictum, neque nulla dignissim nunc, id condimentum odio sapien id orci. Lorem ipsum dolor sit amet, consectetuer
</div>
