依赖jquery，兼容IE678 火狐 chrom 等主流浏览器（绝对原创）， 不过请求大神帮我提升点效率。
/**
* jQuery弹出层插件
*
* @author lanhaoooo@163.com
* @since 2014-08-23
*/
(function($) {
var methods = {
o : {
isIe : !-[ 1, ] || document.documentMode >= 9,//后面的是判断IE9、IE10的
ie6 : !-[ 1, ] && !window.XMLHttpRequest,
ie9_10 : document.documentMode >= 9,
bgLayer : "layerModel_mask",
dataId : "layerModel_main",
wrapper : "layerModel_wrapper",
warpperContent : "layerModel_content",
warpperTitle : "layerModel_title",
warpperCloseBtn : "layerModel_closeBtn",
warpperOwnContent : "layerModel_ownContent",
replaceClose : "replaceClose",
dragableClass : "dragable",
defaultWidth : 300
},
generateId : function(){
return "_" + new Date().getTime();
},
init : function(data, options) {
//left和top想要使用的时候请设置center为false，这样的情况下才会生效，如果center = true则该设置不生效 #666,#999,#e5dfda ,#e5e5e5,#ff8800
var defaults = {center:true,locked:true,fixed:true,drag:true,zIndex:9999,opacity:"0.5",title:"系统提示",staySame:false,width:0,height:0,timer:0,bgColor:"#fffaf6",left:350,top:100,head:true,isClose:true,shake:false,
close : function(){
return true;
}
};
options = $.extend(defaults, options);
var s = this;
var generateId = s.generateId();
if (typeof data === 'object') {
data = data instanceof $ ? data : $(data);
if(options.staySame) {
data = s.createRender(data, options, generateId).hide();
} else {
data = s.createContainer(data, options, generateId).hide();
}
} else if (typeof data === 'string' || typeof data === 'number') {
data = $("<div id='"+s.o.dataId + generateId +"'></div>").html(data).appendTo(document.body).hide();
} else {
alert("Layer Error : Unsupporte data type :" + typeof data);
return;
}
if (options.locked && !s.hasBgLayer()) {
$("<div class='"+s.o.bgLayer+"' id='" + s.o.bgLayer + "'></div>").appendTo(document.body).css({"background" : options.bgColor,"opacity" : options.opacity});
}
data.css({"position" : options.fixed ? s.o.ie6 ? "absolute" : "fixed" : "absolute","z-index" : options.zIndex,"left" : options.left,"top" : options.top}).show();
if (options.center) {
s.fixLayer(data);
$(window).bind("resize scroll", function() {
s.fixLayer(data);
});
}
if (options.drag) {
s.dragLayer(data, options);
