jquery教程31：jquery实现鼠标拖动DIV的位置

8、 jquery使用pageX和pageY事件属性实现拖拽移动DIV位置效果

var _x,_y;
var _move = false;
$("#d1").mousedown(function(e){
_x = e.pageX - parseInt($("#d1").css("left"));
_y = e.pageY - parseInt($("#d1").css("top"));
_move = true;
});
$(document).mousemove(function(e){
if(_move){
var x = e.pageX - _x;
var y = e.pageY - _y;
$("#d1").css({left:x,top:y});
}
});
$(document).mouseup(function(){
_move = false;
});