页面加载时loading实现方法 

loading实现大概就这个意思，首先将要显示的内容隐藏，先显示loading文字或图片什么的，然后文档加载完毕后将内容显示出来，loading隐藏掉就好了。
这里我用到了jquery，用不用无所谓。

<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js"></script>
/**
 * 页面加载完成后显示页面
 */
function showPage(){
    $('#divPageLoading').remove();
    $('#divPageBody').show();
}
</head>

<body onload="showPage();">
<div id="divPageLoading">
     <img src="pageloading.gif" style="width:120px;height:120px;position:absolute;left:45%;top:40%;"/>
</div>
<div id="divPageBody" style="display:none;">
     ……
</div>
</body>
</html>

推荐一个在线生成loading图片的网站：http://preloaders.net/en/3d
posted @ 2011-09-13 16:11  Wiliz  阅读(5398)  评论(0)    收藏  举报