<div style="background-color:Red; width:100px; height:100px; border:solid 1px black;position: absolute;
top: 150px; left: 250px;" id="myDrop">
</div>
<script type="text/javascript">
var lTop, lLeft;
var activeElements = new Array();
function init() // 单击时
{
if(window.event.srcElement.id=="myDrop") //window.event.srcElement 事件源
{
window.event.srcElement.style.borderWidth = "4px";
lLeft = window.event.x;
lTop = window.event.y;
activeElements[0] = window.event.srcElement ; //记录事件源
}
else
{
window.event.srcElement.style.borderWidth = "1px";
}
lLeft = window.event.x;
lTop = window.event.y;
window.status = activeElements.length;
}
function moveElement() //移动结束点
{
var i, dLeft, dTop,sx,sy;
if(window.event.button == 1) //确定单击事件
{
sx = window.event.x; //移动结束点X
sy = window.event.y; //移动结束点Y
dLeft = sx - lLeft; //结束点 - 单击时点
dTop = sy - lTop;
for(var i = 0 ;i <activeElements.length;i++)
{
mousemove(activeElements[i], dLeft, dTop);
}
lLeft = sx;
lTop = sy;
}
return false;
}
function mousemove(mp, dLeft, dTop) {
var e
e = mp;
e.style.posTop += dTop;
e.style.posLeft += dLeft;
}
function rfalse() {
return false;
}
document.onmousedown = init;
document.onmousemove = moveElement;
document.onselectstart = rfalse;
</script>