css
div{
width: 100px;height: 100px;background: red;position: absolute;
}
<div>Draggable</div>
var disX = 0;
var disY = 0;
$('div').mousedown(function(ev){
disX = ev.pageX - $(this).offset().left;
disY = ev.pageY - $(this).offset().top;
$(document).mousemove(function(ev){
$('div').css('left',ev.pageX - disX);
$('div').css('top',ev.pageY - disY);
});
$(document).mouseup(function(ev){
$(this).off();
});
return false;
})
