(function($){
$.fn.showOverlay = function(options){
/*默认配置*/
var defaults = {'switchModel':'click','opacity':'0.5','backgroundColor':'grey'};
var _THIS = $(this);
var opts = $.extend({},defaults, options);
var overlay = document.createElement('div');
$(overlay).attr('id','x-overlay-body');
var overlayStyle = {
'width':'100%',
'height':'100%',
'opacity':opts.opacity,
'background-color':opts.backgroundColor,
'position':'absolute',
'overflow':'hidden',
'z-index':1000,
'top':'0px',
'left':'0px'
};
$(overlay).css(overlayStyle);
document.body.appendChild(overlay);
_THIS.css('z-index','1001');
$(overlay).show();
}
$.fn.unbindOverlay = function(){
if($('#x-overlay-body')) $('#x-overlay-body').remove();
}
})(jQuery)
/*支持传入参数:$(obj).showOverlay({'switchModel':'click','opacity':'0.5','backgroundColor':'grey'})*/
调用方式:$(obj).showOverlay(),$(obj).unbindOverlay()
需要事先引入jquery