jquery实现页面提示，数据正在加载中。(

简单代码：

jsp中代码如下：

  <div id="dataLoad" style="display:none"><!--页面载入显示-->

   <table width=100% height=100% border=0 align=center valign=middle>

    <tr height=50%><td align=center>&nbsp;</td></tr>

    <tr><td align=center><img src="<%=request.getContextPath()%>/XXXXX/loading-gif.gif"/></td></tr>

    <tr><td align=center>数据载入中，请稍后......</td></tr>

    <tr height=50%><td align=center>&nbsp;</td></tr>

   </table>

  </div>

  <script type="text/javascript">

   $(document).ready(function() {

    $("#dataLoad").hide(); //页面加载完毕后即将DIV隐藏

    $("#showLoadingDiv").click(function(){$("#dataLoad").show();}); //为指定按钮添加数据加载动态显示：即将DIV显示出来

   });

  </script>

<input type="button" onClick="query();" id="showLoadingDiv" value="查询"> 

上传一个截图：