Rumah > Artikel > hujung hadapan web > JS实现页面加载时带loading进度条
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进度条相关文章请关注PHP中文网!