base.$masklayer.appendTo(“body”, base.options.target).animate({
opacity: ‘toggle’
}, 500);
}
});
}
//开始移动
base.moveStart = function(event) {
base.moveing = true;
base.bgColor = base.$layerBox.css(“background-color”);
base.$layerBox.css(“background-color”, “Transparent”).children().hide();
base.posX = event.pageX – base.$layerBox.offset().left;
base.posY = event.pageY – base.$layerBox.offset().top; ;
$(document).mousemove(function(event) {
base.moveOn(event);
}).mouseup(function() {
base.moveStop();
});
if ($.browser.msie) {
base.$layerBox.get(0).setCapture();
} else {
document.addEventListener(“mousemove”, base.moveOn, true);
}
}
//移动中
base.moveOn = function(event) {
if (base.moveing) {
window.getSelection && window.getSelection().removeAllRanges();
base.$layerBox.css({ top: Math.max(event.pageY – base.posY, 0), left: Math.max(event.pageX – base.posX, 0) });
return false;
}
}
//移动停止
base.moveStop = function() {
base.$layerBox.css(“background-color”, base.bgColor).children().show();
base.moveing = false;
$(document, base.options.target).unbind(“mousemove”);
if ($.browser.msie) {
base.$layerBox.get(0).releaseCapture();
} else {
document.removeEventListener(“mousemove”, base.moveOn, true);
}
}
//关闭层
base.close = function() {
if (base.$tempContent) {
base.$tempContent.appendTo(base.$tempContentParent);
if(base.tagHide){
base.$tempContent.hide();
}
}
if (base.options.masklayer.show) {
base.$masklayer.animate({
opacity: ‘toggle’
}, 500, function() {
$(this).remove();
base.$layerBox.animate({
left: base.$el.offset().left,
top: base.$el.offset().top,
width: 0,
height: 0,
opacity: “hide”
}, “hide”, function() {
$(this).remove();
});
});
}
else {
base.$layerBox.animate({
left: base.$el.offset().left,
top: base.$el.offset().top,
width: 0,
height: 0,
opacity: “hide”
}, “hide”, function() {
$(this).remove();
});
}
}
base.init();
}
$.layer.hasCss = false;
$.layer.maskLayerIndex = 1000;
//默认配置
$.layer.defaults = {
masklayer: { show: true, bgcolor: ‘#eee’, alpha: 50 }, //是否显示覆盖层
target: window.self.document,
cssurl: “layer.css”,
title: “层标题”,
content: “层内容”,
width: 500,
height: 300,
template: “<div class=”layer-box”><div class=”layer-bar”><div class=”layer-title”></div><span class=”layer-close”>×</span></div><div class=”layer-content”></div></div>”
