Jquery遮罩ShowLoading组件

1、遮罩用途及效果

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

遮罩效果：

2、JQuery遮罩UI实现

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

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