基于easyui的页面等待提示层,即mask

/**
 * 使用方法:
 * 开启:MaskUtil.mask();
 * 关闭:MaskUtil.unmask();
 * 
 * MaskUtil.mask(其它提示文字..);
 */
var MaskUtil = (function(){
var $mask,$maskMsg;
var defMsg = '正在处理,,请稍待。。。';
function init(){
		if(!$mask){
$mask = $("<div class=\"datagrid-mask mymask\"></div>").appendTo("body");
		}
		if(!$maskMsg){
$maskMsg = $("<div class=\"datagrid-mask-msg mymask\">"+defMsg+"</div>")
.appendTo("body").css({'font-size':'12px'});
		}
$mask.css({width:"100%",height:$(document).height()});
$maskMsg.css({
left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2
		});
}
return {
		mask:function(msg){
init();
$mask.show();
$maskMsg.html(msg||defMsg).show();
		}
		,unmask:function(){
$mask.hide();
$maskMsg.hide();
		}
	}
}());

基于easyui的页面等待提示层,即mask_第1张图片



你可能感兴趣的:(基于easyui的页面等待提示层,即mask)