ajax鼠标移动,js拖拽效果，拖动效果，随鼠标移动

这是一款简单的拖拽效果，鼠标按下后，模块跟随鼠标移动。

废话不多说，直接上代码：

无标题文档

#moveBox{ position:absolute; left:0; top:0; background:#222; color:#fff; font-size:30px; width:300px; height:300px; text-align:center; line-height:300px; cursor:move;}

$(function(){

var _move=false;

var _x,_y;

$(document).ready(function(){

$("#moveBox").click(function(){

}).mousedown(function(e){

_move=true;

_x=e.pageX-parseInt($("#moveBox").css("left"));

_y=e.pageY-parseInt($("#moveBox").css("top"));

$("#moveBox").fadeTo(20, 0.25);

});

$(document).mousemove(function(e){

if(_move){

var x=e.pageX-_x;

var y=e.pageY-_y;

$("#moveBox").css({top:y,left:x});

}

}).mouseup(function(){

_move=false;

$("#moveBox").fadeTo("fast", 1);

});

});

})

拖动的块