文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > js教程 > 主體

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

高洛峰

發布： 2016-12-16 16:53:13

原創

1963 人瀏覽過

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

頁面載入時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中文網！

相關標籤：

JS进度条

來源：php.cn

上一篇：JS 實現有進度條的頁面跳躍特效下一篇：js發送郵件

本網站聲明

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

作者最新文章