Jquery遮罩ShowLoading组件

一、遮罩用途及效果

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

遮罩效果：

二、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();
});