自定义前端页面添加遮罩层

var MaskUtils = (function(){    
   
    var $mask,$maskMsg;    
        
    var defMsg = '正在处理，请稍待。。。';    
        
    function init(){    
        if(!$mask){    
            $mask = $("<div class=\"datagrid-mask\" style=\"z-index:100000;\"></div>").appendTo("body");    
        }    
        if(!$maskMsg){    
            $maskMsg = $("<div class=\"datagrid-mask-msg\" style=\"z-index:100001;\">"+defMsg+"</div>")    
                .appendTo("body").css({'font-size':'12px'});  
        }    
            
        $mask.css({width:"100%",height:"800"});    
            
        $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();    
        }    
    }    
        
}());