jquery 制作居中显示信息的div

最经使用jquery.form.js做了一个查询页面，在搜索出结果后，需要分页，在分页中点击下一页页才用ajax提交，在提交没有返回结果是需要给客户显示一下正在加载数据，故用jquery.1.3.2.js做了一个信息提示的脚本。

 

代码如下：

<div id="loadProcess" style="z-index:1;visibility:hidden;width:300px;position:absolute;top:0px;left:0px;height:58px;border:1px solid #ccc;text-align:center;background:#fff;">
<ul>
<li></li>
<li><IMG height=9 src="../images/wait.gif" width=100></li>
<li></li>
<li>【　正在加载数据...... 】</li>
<li></li>
</ul>
</div>

 

脚本代码：

function loadProcess(id){
 var wnd = $(window), doc = $(document);
 var left = doc.scrollLeft();
 var top = doc.scrollTop();
 //alert("scrollLeft:"+doc.scrollTop());
 //alert("windowHeight:"+wnd.height());

 left += (wnd.width() - $(id).width())/2;
 top += (wnd.height() - $(id).height())/2;
  //alert("top:"+top);
 $(id).css("top",top);
 $(id).css("left",left);
 $(id).css("visibility","visible");
}