ajax遮罩

1 下载 query.blockUI.js

  地址 : http://download.csdn.net/download/woshixuye/3019987

2 找一张动图转圈儿的图  (  命名为 : mask.gif )

  地址 : http://www.nvlis.net/xiegif/42493.html

 图片如下:



3 引入到jsp中,在js代码如下

// 加遮罩
var maskImageUrl = getRootPath()+ "/img/jquery/mask.gif";
$.blockUI({ message: '<h1><img width=30 height=30 src='+maskImageUrl+' > 正在加载中,请稍等...</h1>' });
$ajax(initDeviceUrl,"post",data,function(result){
if(result){

$.unblockUI(); // 解除遮罩
}
});

4 效果图