div的拖动js

$(document).ready(funciton(){

initDrag();
//初始化拖动div方法
funciton initDrag(){

var _move=false;//移动标记

var dragEl = $(".alert_div");
dragEl.click(function(){
//alert("click");//点击（松开后触发）
}).mousedown(function(e){
_move=true;
_x=e.pageX-parseInt($(this).css("left"));
_y=e.pageY-parseInt($(this).css("top"));
$(this).fadeTo(20, 0.25);//点击后开始拖动并透明显示
});
dragEl.mousemove(function(e){
if(_move){
var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
var y=e.pageY-_y;
$(this).css({top:y,left:x});//控件新位置
}
}).mouseup(function(){
_move=false;
$(this).fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
})

}

});

var _move=false;//移动标记
var _x;
var _y;
$(document).on("click",".alert-tit",function(){

})
$(document).on("mousedown",".alert-tit",function(e){
var pt = $(this).closest("div.alert_div");
_move=true;
_x=e.pageX-parseInt(pt.css("left"));
_y=e.pageY-parseInt(pt.css("top"));
})
$(document).on("mousemove",".alert-tit",function(e){
var pt = $(this).closest("div.alert_div");
if(_move){
var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
var y=e.pageY-_y;
pt.css({top:y,left:x});//控件新位置
}
})
$(document).on("mouseup",".alert_div",function(e){
_move=false;
})