<div style="width:200px;height:200px;background: #f00;position: absolute;"></div>

<script type="text/javascript">

$(function(){

$('div').mousedown(function(ev){

var disX=ev.clientX-$(this).offset().left;

var disY=ev.clientY-$(this).offset().top;

$(document).on('mousemove.drag',function(ev){

$('div').css({'left':ev.clientX-disX,'top':ev.clientY-disY})

})

$(document).on('mouseup.drag',function(){

$(this).off(".drag");

})

return false;

})

})

</script>