加载样式js

 

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\" style=\"height: 36px\">"+defMsg+"</div>")  .appendTo("body").css({'font-size':'12px'});  }  $mask.css({width:"100%",height:$(document).height()});  var scrollTop = $(document.body).scrollTop();  $maskMsg.css({  left:( $(document.body).outerWidth(true) - 190 ) / 2  ,top:( ($(window).height() - 45) / 2 ) + scrollTop  });   }  return {  mask:function(msg){  init();  $mask.show();  $maskMsg.html(msg||defMsg).show();  }  ,unmask:function(){  $mask.hide();  $maskMsg.hide();  }  }  }()); 

用法

MaskUtil.mask(); 

MaskUtil.unmask();