这里面使用了Jquery,这个函数可以直接放在函数库里面使用!只需要将需要拖动的div给一个id,然后传递到这个函数里面,然后调用一下就可以了!
function dragAble(id){
var drag=false;
var startX,startY;
var objX,objY;
var _id = "#"+id;
var obj=$(_id);
obj.mouseup(function(e){
obj.css("cursor","");
drag=false;
});
$("document").mouseup(function(e){
obj.css("cursor","");
drag=false;
});
obj.mousedown(function(e){
obj.css("cursor","move");
drag=true;
startX=parseInt(e.clientX);
startY=parseInt(e.clientY);
objX=parseInt($(this).css("left"));
objY=parseInt($(this).css("top"));
});
obj.mousemove(function(e){
if(drag==true){
var left=parseInt(e.clientX)-startX+objX;
var top=parseInt(e.clientY)-startY+objY;
obj.css("top",top).css("left",left);
}
});
}