JavaScript

Home	Importante!	História	Tutorial	HTML	Glossário	Faqs	Buscadores	Sinapse
Fóruns	ASCII	Cores	JavaScript	CSS	Links	Novidades	Browsers	Conclusão

T u t o r i a l D H T M L / C S S E d a u r e l i o
2 0 0 1 - 2 0 0 4

JavaScript

TEXTO MULTICOLORIDO
Observe o termo JavaScript acima. Ele está configurado com 8 cores diferentes de forma que alterna a cor a cada 4 segundos.
Insira o script abaixo entre as tags <HEAD> e </HEAD>.

Sintaxe:


<SCRIPT language=JavaScript>
  var colors=new Array();
  colors[0] = 0
  colors[1] = "#993300"
  colors[2] = "#CC0000"
  colors[3] = "#006600"
  colors[4] = "#3333FF"
  colors[5] = "#9932CD"
  colors[6] = "#FF2400"
  colors[7] = "#545454"
 var MS=navigator.appVersion.indexOf("MSIE")
  window.isIE4 =(MS>0) && ((parseInt(navigator.appVersion.substring(MS+5,MS+6)) >= 4) && (navigator.appVersion.indexOf("MSIE"))>0)
  function flicker() {
    if (++colors[0]==colors.length) colors[0]=1;
    document.all.flicker.style.color = colors[colors[0]];
    window.tm=setTimeout('flicker()',4000)
  }  
  function checkExpand() {
    if (""!=event.srcElement.id) {
      var ch = event.srcElement.id + "Child"
      var el = document.all[ch] 
      if (null!=el) el.style.display = "none" == el.style.display ? "" : "none"
      event.returnValue=false
    }
  }
</SCRIPT>

O valor 4000 do parâmetro window.tm=setTimeout('flicker()',4000) determina que cada cor irá permanecer por 4 segundos antes de ser trocada por outra (4 segundos = 4000).
Agora configure a tag <BODY> com o seguinte parâmetro:
<body onload="if (window.isIE4) window.tm=setTimeout('flicker()',1000)" onunload="clearTimeout(window.tm)">.

ATENÇÃO: É para inserir esse parâmetro sem deletar o restante do conteúdo de BODY, evidentemente. Então a BODY de seu arquivo ficará parecida com a linha abaixo:
<BODY BACKGROUND="fundo.jpg" BGCOLOR="#FFE4C4" TEXT="#000000" LINK="#003300" VLINK="#003300" ALINK="#003300" onload="if (window.isIE4) window.tm=setTimeout('flicker()',1000)" onunload="clearTimeout(window.tm)">

Home	Importante!	História	Tutorial	HTML	Glossário	Faqs	Buscadores	Sinapse
Fóruns	ASCII	Cores	JavaScript	CSS	Links	Novidades	Browsers	Conclusão