前端介面載入資料時的遮罩介面loading效果
阿新 • • 發佈:2019-01-31
//使用loading效果
function ajaxLoading(){
addPanelMask();
$("<div class='datagrid-mask-msg'></div>").html("正在處理,請稍候...").appendTo("body").css({
"display":"block",
"z-index":99999,
"left":($(document.body).outerWidth(true) - 190) / 2,
"top":($(window).height() - 45) / 2
});
function addPanelMask(){
$("<div class='datagrid-mask'></div>").appendTo("body").css({
"display":"block",
"z-index":9999,
"width":"100%",
"height":$(window).height()
});
}
//移除介面遮罩層
function removePanelMask(){
$(".datagrid-mask").remove();
}
function ajaxLoading(){
addPanelMask();
$("<div class='datagrid-mask-msg'></div>").html("正在處理,請稍候...").appendTo("body").css({
"display":"block",
"z-index":99999,
"left":($(document.body).outerWidth(true) - 190) / 2,
"top":($(window).height() - 45) / 2
});
}
//遮罩整個介面function addPanelMask(){
$("<div class='datagrid-mask'></div>").appendTo("body").css({
"display":"block",
"z-index":9999,
"width":"100%",
"height":$(window).height()
});
}
//移除介面遮罩層
function removePanelMask(){
$(".datagrid-mask").remove();
}