communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

JS实现页面加载时带loading进度条

高洛峰
Libérer： 2016-12-16 16:53:13
original
1970 Les gens l'ont consulté

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>
Copier après la connexion



更多JS实现页面加载时带loading进度条相关文章请关注PHP中文网！

Étiquettes associées：
JS进度条
source：php.cn
Article précédent：JS 实现带进度条的页面跳转特效 Article suivant：js发送邮件
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
L'ordre d'exécution des fonctions de planification VueJS pose des problèmes J'essaie d'afficher une liste d'annonces (récupérées de l'API) sur une page. J'utilise une...
Depuis 2024-04-06 10:37:58
0
1
385
Titre du tableau pivoté verticalement, centré + aligné en bas, multi-navigateur J'ai un tableau avec des en-têtes pivotés qui ressemble à prévu dans Chrome, mais pas dans...
Depuis 2024-04-04 16:45:25
0
1
330
Lors de l'obtention de données de plusieurs tables, comment effectuer une requête en fonction des entrées de la table dans le regroupement SQL J'ai deux tables, cliquez sur 2.ride, cliquez sur l'identifiant de la table | identifiant ...
Depuis 2024-04-04 08:58:17
0
1
319
Utiliser les méthodes de apply Pour trouver la valeur maximale d'un tableau, un moyen simple est Math.max.apply(null,myAr...
Depuis 2024-04-03 21:41:46
0
2
278
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal