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 效果图