easyui Loading效果

第一种：原文：http://blog.csdn.net/wwwyuanliang10000/article/details/22577579

//采用jquery easyui loading css效果 
function ajaxLoading(){ 
　　$("<div class="datagrid-mask"></div>").css({display:"block","100%",height:$(window).height()}).appendTo("body"); 
　　$("<div class="datagrid-mask-msg"></div>").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 
} 
function ajaxLoadEnd(){ 
　　$(".datagrid-mask").remove(); 
　　$(".datagrid-mask-msg").remove(); 
}

$.ajax({ 
　　type: 'POST', 
　　dataType : 'json',
　　url: url, 
　　data: param, 
　　beforeSend: ajaxLoading,//发送请求前打开进度条
　　success: function(json){ 
　　ajaxLoadEnd();//任务执行成功，关闭进度条
　　} 
});

第二种：原文：http://blog.csdn.net/littlewolf766/article/details/7331973

(function () {
　　$.extend($.fn.tabs.methods, {
　　　　//显示遮罩
　　　　loading: function (jq, msg) {
　　　　return jq.each(function () {
　　　　var panel = $(this).tabs("getSelected");
　　　　if (msg == undefined) {
　　　　msg = "正在加载数据，请稍候...";
　　　　}
　　　　$("<div class="datagrid-mask"></div>").css({ display: "block",  panel.width(), height: panel.height() }).appendTo(panel);
　　　　$("<div class="datagrid-mask-msg"></div>").html(msg).appendTo(panel).css({ display: "block", left: (panel.width() - $("div.datagrid-mask-msg", panel).outerWidth()) / 2, top: (panel.height() - $("div.datagrid-mask-msg", panel).outerHeight()) / 2 });
　　　　});
　　}
　　,
　　//隐藏遮罩
　　loaded: function (jq) {
    　　return jq.each(function () {
    　　var panel = $(this).tabs("getSelected");
    　　panel.find("div.datagrid-mask-msg").remove();
    　　panel.find("div.datagrid-mask").remove();
　　});
}
});
})(jQuery);

使用方法：

显示遮罩：$("#tabID").tabs("loading",msg) msg--要显示的信息

隐藏遮罩：$("#tabID").tabs("loaded")