首頁 > 文章 > web前端 > JS實作頁面載入時帶loading進度條

JS實作頁面載入時帶loading進度條

高洛峰原創: 2016-12-16 16:53:131924瀏覽

頁面載入時loading實作方法

loading實作大概就這個意思，先將要顯示的內容隱藏，先顯示loading文字或圖片什麼的，然後文件載入完畢後將內容顯示出來，loading隱藏掉就好了。

這裡我用到了jquery，用不用無所謂。

<html> 
<head> 
<script language="javascript" type="text/javascript" src="jquery-1.6.1.js">
</script> 
/** * 页面加载完成后显示页面 */ 
function showPage(){ $(&#39;#divPageLoading&#39;).remove(); 
$(&#39;#divPageBody&#39;).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中文網！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JS 實現有進度條的頁面跳躍特效下一篇：JS 實現有進度條的頁面跳躍特效

看更多