1.html
<div class="drag">123123123</div>
2.css
.drag{
position:absolute;
background:green;
top:100px;left:200px;
padding:0;
}
3.jquery
var move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置
$(".drag").mousedown(function(e){
move=true;
_x=e.pageX-parseInt($(".drag").css("left"));
_y=e.pageY-parseInt($(".drag").css("top"));
});
$(".drag").mousemove(function(e){
if(move){
var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置
var y=e.pageY-_y;
$(".drag").css({"top":y,"left":x});
//console.log($(".drag").width());
}
}).mouseup(function(){
//console.log($(".drag").width());
console.log($(".drag").offset().top+"--"+$(".drag").offset().left);//打印位置
move=false;
});