0%

jquery 实现元素拖动

$.fn.extend({
‘drag’: function () {
var dispX = 0;
var dispY = 0;
var _this = this;
$(this).mousedown(function (ev) {
dispX = ev.pageX - $(_this).offset().left;
dispY = ev.pageY - $(_this).offset().top;
$(document).mousemove(function (ev) {
$(_this).css(‘left’, ev.pageX - dispX);
$(_this).css(‘top’, ev.pageY - dispY);
});
$(document).mouseup(function (ev) {
$(document).off(‘mousemove’);
});
return false;
});
}
});

$(function () {
$(‘#div1’).drag();
});