(function ($) {
$.fn.extend({
'drag': function () {
var $this = this;
if (arguments.length == 0) {
this[0].addEventListener('mousedown', down)
} else {
arguments[0].hander[0].addEventListener('mousedown', down);
}
function down(evt) {
if (evt.target.tagName == "IMG") return;
var x_start = evt.clientX;
var y_start = evt.clientY;
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
function move(evt) {
var diffx = evt.clientX - x_start;
var diffy = evt.clientY - y_start;
$($this).css("left", parseInt($($this).css("left").replace("px", "")) + diffx + "px");
$($this).css("top", parseInt($($this).css("top").replace("px", "")) + diffy + "px");
x_start = evt.clientX;
y_start = evt.clientY;
//if (left < 0) { 这一部分可以设置使图片不出框,限制在屏幕可视范围内
// left = 0;
//} else if (left > $(window).width() + $(document).scrollLeft - $('#reg').width()) {
// left = $(window).width() + $(document).scrollLeft - $('#reg').width();
//}
//if (top < $(document).scrollTop) {
// top = $(document).scrollTop;
//} else if (top > $(window).height() + $(document).scrollTop - $('#reg')[0].offsetHeight) {
// top = $(window).height() + $(document).scrollTop - $('#reg')[0].offsetHeight
//}
};
function up() {
document.removeEventListener('mousemove', move);
document.removeEventListener('mouseup', up);
}
}
return this;
}
})
})(jQuery)
//引用
$('#skin').modal('show').center(650, 360).drag({ hander: $('#skin .modal-header') });
$('#blog').modal('show').center(580, 320).drag();