Heim > Web-Frontend > js-Tutorial > JS implementiert den Ladefortschrittsbalken beim Laden der Seite

JS implementiert den Ladefortschrittsbalken beim Laden der Seite

高洛峰
Freigeben: 2016-12-16 16:53:13
Original
1989 Leute haben es durchsucht

JS-Implementierung mit Ladefortschrittsbalken beim Laden der Seite

So implementieren Sie das Laden, wenn die Seite geladen wird

Die Ladeimplementierung bedeutet wahrscheinlich Folgendes: Zuerst den anzuzeigenden Inhalt ausblenden und Zeigen Sie zuerst den Ladetext oder das Bild an Oder so, dann wird nach dem Laden des Dokuments der Inhalt angezeigt und der Ladevorgang ausgeblendet.

Ich habe hier JQuery verwendet, es spielt keine Rolle, ob ich es verwende oder nicht.

<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>
Nach dem Login kopieren



Weitere verwandte Artikel über die JS-Implementierung des Ladefortschrittsbalkens beim Laden von Seiten finden Sie auf der chinesischen PHP-Website !

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage