html js div随机移动,js拖动div 当鼠标移动时整个div也相应的移动

HTML代码如下，其中，要拖动的div为最外层的div

新建用户组

组名称

用   户

描   述

确　定

取　消

js代码如下,

$("#McreateUserGroup").mousedown(function(e){

var flag = true;

e = e||event;

var $dialog_createUserGroup = $("#dialog_createUserGroup");

var LEFT = e.clientX - parseInt($dialog_createUserGroup.css("left")),

TOP = e.clientY - parseInt($dialog_createUserGroup.css("top"));

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

e = e || event;

if (flag) {

$dialog_createUserGroup.css({

"left": e.clientX - LEFT + "px",

"top": e.clientY - TOP + "px"

});

}

});

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

flag = false;

});

});

这段代码对显示对话框的头部绑定鼠标监听事件，当鼠标移动时，整个div也相应的移动！