loading

<div id="show" align="center" style="display: block;">
<div id="showListLoading">
<div class="loading_process1" style="margin-top:40px">.</div>
</div>
</div>


.loading_process1 {
    background: url("../images/loading1.gif") no-repeat scroll 30px 20px rgba(0, 0, 0, 0);
    color: #077F52;
    font-family: Microsoft YaHei,Hei,serif;
    font-size: 24px;
    padding: 23px 0 0 65px;
}


//采用jquery easyui loading css效果
function ajaxLoading() {
$("<div class=\"datagrid-mask\" style=\" z-index:999999;\"></div>").css({
display : "block",
width : "100%",
height : $(window).height()
}).appendTo("body");
$("<div class=\"datagrid-mask-msg\" style=\" z-index:999999;\"></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();
}


.datagrid-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none;
}
.datagrid-mask-msg {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px 10px 30px;
  width: auto;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  display: none;
}
.datagrid-mask {
  background: #ccc;
}
.datagrid-mask-msg {
  border-color: #95B8E7;
}