完美拖拽
2018-10-23 本文已影响0人
小羊子简述
<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>
