<div class= "drag" ></div> |
<script type= "text/javascript" > |
$( ".drag" ).mousedown(function(e){ |
var x 1 =e.clientX-$( ".drag" ).offset(). left ; |
var y 1 =e.clientY-$( ".drag" ).offset(). top ; |
$(document).bind( "selectstart" ,function(){return false;}); |
$(document).mousemove(function(e){ |
var x 2 =e.clientX-x 1 ; |
var y 2 =e.clientY-y 1 ; |
$( ".drag" ).css({ left :x 2 , top :y 2 }); |
|
}) |
}) |
$(document).mouseup(function(){ |
$(document).unbind( 'selectstart' ); |
$(document).unbind( 'mousemove' ); |
}) |
</script> |