div拖拽

HTML：<div class="pro-div"></div>

css：position: absolute;

js：

<script type="text/javascript">
$(document).ready(function(){
var move=false;
var _x,_y;
$(".pro-div").mousedown(function(e){
move=true;
_x=e.pageX-parseInt($(".pro-div").css("left"));
_y=e.pageY-parseInt($(".pro-div").css("top"));
});
$(document).mousemove(function(e){
if(move){
var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置
var y=e.pageY-_y;
$(".pro-div").css({"top":y,"left":x});
}
}).mouseup(function(){
move=false;
});
})
</script>

div拖拽

原文：https://www.cnblogs.com/PoisonousMushrooms/p/13560602.html