js实现页面加载时带loading进度条
页面加载时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>
更多js实现页面加载时带loading进度条。