简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

Implémentation de l'affichage d'un exemple d'effet de barre de progression de chargement

巴扎黑
Libérer： 2017-05-21 18:46:55
original
1378 Les gens l'ont consulté

<html> 
<head> 
<title>测试转发一下</title> 
</head> 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden"> 
<p id="adslxp" style="display: none" width="100%" height="100%"><iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"></iframe></p> 
<!========================载入进度条========================> 
<p id=ld> 
<table width=100% height=90%><tr><td align=center> 
<center> 
<h1>正在载入 <font color=red>测试转发一下</font> 请稍侯...</h1> 
<table width=40%><tr><td align=left> 
<table id=lpc bgcolor=blue><tr><td> </td></tr></table> 
</td></tr></table> 
<br><br><br> 
<center>本站只提供域名转发，与转向的网站无任何关系</center> 
</center> 
</td></tr></table> 
</p> 
<script language=JavaScript><!-- 
ini = new Date().getTime(); 
var pc = 0; 
load(); 
function load() { 
pc += 2; 
lpc.style.width = pc + "%"; 
time = setTimeout("load()",25); 
if (pc > 100) { clearTimeout(time); loaded() } 
} 
function loaded() { 
fim = new Date().getTime(); 
dif = fim - ini; 
ld.style.display = &#39;none&#39;; 
adslxp.style.display = &#39;&#39;; 
} 
function Show() { 
if (txt.style.display == "none") { txt.style.display = "" } 
else { txt.style.display = "none" } 
} 
//--></script> 
<!========================载入进度条========================> 
</body> 
</html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
效果
source：php.cn
Article précédent：Code pertinent pour contrôler la taille de l'image dans les pages Web Article suivant：Tableau comparatif des caractères spéciaux, des symboles réguliers et de leurs codes
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
Lors de l'utilisation de Laravel sur Ubuntu, une propriété non prise en charge a été spécifiée sur l'objet PDO : MSSQL Ma configuration UbuntuvagrantLaravelHomestead est configurée pour se connecter à MSSQL. A...
Depuis 2023-10-30 23:05:50
0
1
256
将Inclure un tableau en tant que dépendance dans useEffect Des données proviennent du long sondage toutes les 5 secondes et je souhaite que mon compo...
Depuis 2023-10-17 18:50:23
0
2
207
Comment combler l'écart entre l'image et la barre de progression sur un grand écran à l'aide du système Bootstrap Grid ? Laissez-moi d'abord vous montrer l'idée de​​cette image : Image (1) Sur cette image, nous ...
Depuis 2023-09-14 10:56:03
0
1
335
Mon site Web de vidéos démarrera-t-il automatiquement IDM pour télécharger htaccess ? J'ai un site Web vidéo qui affiche automatiquement la boîte de dialogue de téléchargement ...
Depuis 2023-09-13 14:21:16
0
1
252
Puis-je utiliser @ViewChild pour définir le focus sur une zone de texte spécifique ? J'ai une application angulaire frontale et je souhaite mettre le focus sur une zone de tex...
Depuis 2023-09-08 16:58:05
0
2
185
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！