Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Francisco Soares de Souza Neto

membro deste março de 2007

DHTML

Imagem

Compartilhe e guarde

Enquete

Você acha que sucesso do Twitter é passageiro?

Sim, ele vai cair em desuso
Não, ele veio para ficar
Não sei
O que é Twitter?

Home Código Fonte JavaScript - DHTML Browser

Carregar imagens e textos antes de abrir a página

Este é um modelo bem simples de "Pre-loading" que é bastante útil para carregar as imagens e textos antes da página ser aberta.

<HTML>
 <HEAD>
  <TITLE></TITLE>
<STYLE type=text/css>
 #divLoadCont{position:absolute; width:100%; height:100%; top:0; left:0; 

background-color:white; layer-background-color:white; font-family:arial,helvetica; 

z-index:100}
</STYLE>
<script type="text/javascript" language="JavaScript">
 function checkBrowser(){
  this.ver=navigator.appVersion
  this.dom=document.getElementById?1:0
  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  this.ie4=(document.all && !this.dom)?1:0;
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5)
  return this
 }
 bw=new checkBrowser()
 function hideIt(div){
  if(bw.bw){
   div="divLoadCont"
   

obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?

document[div]:0; 
   obj.visibility='hidden'
  }
 }
 onload=hideIt;
</script>
 </HEAD>
 <BODY TOPMARGIN="0" LEFTMARGIN="0" SCROLL="NO" background="Iceberg.jpg">
 <script>
  if(bw.bw) document.write('<div id="divLoadCont"><table width="100%" height="100%" 

align="center" valign="middle"><tr><td width="100%" height="100%" align="center" 

valign="middle"><FONT FACE="Verdana" SIZE="2" 

COLOR="#000000"><B>Loading...</B></FONT></td></tr></table></div>')
 </script>
 <P><B>Loading Simples</B></P>

</BODY>
</HTML>
<STYLE>

<HTML>
 <HEAD>
  <TITLE></TITLE>
<STYLE type=text/css>
 #divLoadCont{position:absolute; width:100%; height:100%; top:0; left:0;

background-color:white; layer-background-color:white; font-family:arial,helvetica;

z-index:100}
</STYLE>
<script type="text/javascript" language="JavaScript">
 function checkBrowser(){
  this.ver=navigator.appVersion
  this.dom=document.getElementById?1:0
  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  this.ie4=(document.all && !this.dom)?1:0;
  this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5)
  return this
 }
 bw=new checkBrowser()
 function hideIt(div){
  if(bw.bw){
   div="divLoadCont"

obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?

document[div]:0; 
   obj.visibility='hidden'
  }
 }
 onload=hideIt;
</script>
 </HEAD>
 <BODY TOPMARGIN="0" LEFTMARGIN="0" SCROLL="NO" background="Iceberg.jpg">
 <script>
  if(bw.bw) document.write('<div id="divLoadCont"><table width="100%" height="100%"

align="center" valign="middle"><tr><td width="100%" height="100%" align="center"

valign="middle"><FONT FACE="Verdana" SIZE="2"

COLOR="#000000"><B>Loading...</B></FONT></td></tr></table></div>')
 </script>
 <P><B>Loading Simples</B></P>

</BODY>
</HTML>
<STYLE>

Arquivo	Tipo	Tamanho	Hits
Iceberg.jpg	Arquivo JPG	177,7 Kb	1196

Este código foi útil para você?

Nota	Comentário
2	denunciar undertaker comentou em 19/1/2008 ... bem... nao consegui colocar no meu blog. mas quem sabe num website
8	denunciar pottery comentou em 18/3/2007 muito legal esse codigo é muito util para quem tem sites mais pesados muito bom mesmo. ate mais.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco