.datagrid-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#ccc;
opacity:0.3;
filter:alpha(opacity=30);
display:none;
}
.datagrid-mask-msg{
position:absolute;
top:50%;
margin-top:-20px;
width:auto;
height:16px;
padding:12px 5px 10px 30px;
/* background:#fff url('img/pagination_loading.gif') no-repeat scroll 5px 10px;
border:2px solid #6593CF; */
color:#222;
display:none;
}
如下是js代码添加div,之后直接调用就可以了,第一个方法时显示样式,第二个方法时执行完了后去掉这个样式。
function AddRunningDiv() {
$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");
$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 380)});
}
function MoveRunningDiv() {
$("div[class='datagrid-mask']").remove();
$("div[class='datagrid-mask-msg']").remove();
}