Jquery遮罩ShowLoading组件

一、遮罩用途及效果

    有时候我们页面调用后台程序时间比较长时，前台页面暴露在用户之下，如果用户点击可能会造成逻辑混乱。这时候，遮罩就起到了很好的效果，在触发后台程序时我们将前台页面遮住，不让操作，同时给予一个程序运行请等待的效果。

遮罩效果：

二、JQuery遮罩UI实现

引用文件：
showLoading.css
jquery.showLoading.js

1. //activity_pane为所需遮罩部分的标签ID
2. jQuery('#activity_pane').showLoading();  
3. jQuery('#activity_pane').load(  
4. //调用url
5.     '<%=base%>inventorystock!listshow',   
6.     //所传参数，ID为queryform表单下所有的表单参数
7. $("#queryform").serialize(),  
8.     function() {
9. //回调函数，成功返回时去掉遮罩
10.         jQuery('#activity_pane').hideLoading();  
11. });