窗口拖拽

来源:互联网 发布:书单 知乎 编辑:程序博客网 时间:2024/05/21 11:12

<div id="drag" style="position:absolute;width: 100px; height: 100px;background-color: blue;"></div>

var bloon = 0;

var offsetx ;

var offsety ;
$("#drag").mousedown(function(e){
offsetx = e.pageX - $("#drag").offset().left;
offsety = e.pageY - $("#drag").offset().top;
bloon = 1;
})
$("body").mousemove(function(e){
var x  = 0;
var y = 0;
if (bloon==1){
x = e.pageX - offsetx;
y = e.pageY - offsety;
$("#drag").css({left:x,top:y});
}
})
$("body").mouseup(function(e){
bloon = 0;
});
0 0
原创粉丝点击