请教各位前辈，怎么样实现控件的拖动效果？

Question

蓝色理想上有个文章，参考一下http://www.blueidea.com/tech/web/2006/3791.asp

Answer 1

<div style="position:absolute; top:200px; left:400px; width:58px; height:15px; border:1px #666666 solid; text-align:center; background-color:#CCCCCC; cursor:move" onMouseDown="getFocus(this)" onMouseUp="stopMove(this)" onMouseMove="move(this)">我要移动 </div> 
<script language="javascript"> 
var isMove = false; 
var top = 0; left = 0; x0 = 0, y0 = 0; function getFocus(obj) { 
obj.setCapture(); 
top = parseInt(obj.style.top); 
left = parseInt(obj.style.left); 
x0 = event.clientX; 
y0 = event.clientY; 
isMove = true; 
} function stopMove(obj) { 
isMove = false; 
obj.releaseCapture(); 
} function move(obj) { 
if (isMove) { 
var x1 = event.clientX; 
var y1 = event.clientY; 
obj.style.top = (top + y1 - y0) + "px"; 
obj.style.left = (left + x1 - x0) + "px"; 
} 
} 
</script> 

Answer 2

这个要JS功底很深才可以写好。我早上还看了一篇文章。比较详细。
http://www.cnblogs.com/cloudgamer/archive/2008/11/17/1334778.html
现在的好多网站都是这种个性化的主题，最经典的应该是QQ空间。你随便拖。