Este artigo descreve o método de iniciar a barra de progresso de carregamento com o JS imitando o Windows. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<Title> JS imita a barra de progresso de carregamento para startup do Windows </title>
</head>
<body style = "margem: 0; cor de fundo:#5279ce;" Scroll = NO>
<tabela id = lw style = "display: bloco; posição: absoluto; topo: 0; esquerda: 0; z-index: 1; altura:; largura:" CellPacing = "0" CellPadding = "0">
<tr>
<td bgcolor = "#5279ce" align = "center"> <font face = "wingdings" style = "font-size: 240px; color =#000000"> y </td>
</tr>
<tr>
<td bgcolor = "#3f5fb2">
<Idioma de script = jscript>
ELT = "0123456789ABCDEF";
var stbhtmls = "";
var stbhtmle = "";
for (var i = 0; i <0xff-0x99; i+= 1)
{
var cr = "";
var L;
var stbhtml = "";
l = i+0x99;
for (var j = 0; j <2; j ++)
{
var n = l % 16;
l = l >> 4;
Cr = ELT.Charat (n)+Cr;
}
l = i+0x33;
for (var j = 0; j <2; j ++)
{
var n = l % 16;
l = l >> 4;
Cr = ELT.Charat (n)+Cr;
}
l = i;
for (var j = 0; j <2; j ++)
{
var n = l % 16;
l = l >> 4;
Cr = ELT.Charat (n)+Cr;
}
var w = i> (0xff-0xa0)? 8: 4
stbhtml = "<span style = 'altura: 10; largura:"+w+"; cor de fundo:#"+cr+"; margem: 0; preenchimento: 0'> </span>"
stbhtmls+= stbhtml;
stbhtmle = stbhtml+stbhtmle;
}
var stbhtml = stbhtmls+stbhtmle;
document.write ("<marquee id = 'carregando' scrolllamount = '30 'direção =' direita 'scrollDelay =' 1 'altura =' 4 'estilo =' largura: 100%; altura: 10; tamanho da fonte: 6px; cor de fundo:#003399 '>")
document.write (stbhtml)
Document.Write ("</sharquee>")
</Script> </td>
</tr>
<tr>
<td bgcolor = "#ecf0ff"> <Center> <span id = load_txt style = "font-size: 12px;"> <b id = showtxt style = "cor: vermelho; font-size: 12px; altura da linha: 138%;"> carregando, por favor, espere ... </b> </span> </central>
<p align = "center" style = "font-size: 9pt;"> copyright@</p> </td>
</tr>
</tabela>
<Script Language = "JavaScript">
<!-
var FindError = false;
porta de função ()
{
if (document.readyState == "Complete")
{
showtxt.innerhtml = "Carregando, por favor, espere ..."
carreging.style.display = "nenhum";
}
}
//->
</Script>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.