sexta-feira, 2 de dezembro de 2011

Como fazer um efeito chamativo "show de cores" em javascript

Enviado em 14:14 - por Diguinho - Marcadores : , ,

Este código javascript faz com que o fundo da pagina comece a mudar de cor varias vezes com varias cores bem chamativo e bem legal.


Observação: se você entende pelo menos um pouco de JavaScript, pode fazer com que o efeito seja iniciado ao entrar na página, assim que ela for carregada. Para isso, coloque onLoad na tag <body>, de acordo com o que está em onClick no botão de "Iniciar o show de cores".

<SCRIPT LANGUAGE="Javascript">
 
 <!-- Begin
 var COLOR = 999999
 var woot = 0
 function stoploop() {
 document.bgColor = '#000000';
 clearTimeout(loopID);
 }
 function loopBackground() {
 if (COLOR > 0) {
 document.bgColor = '#' + COLOR
 COLOR -= 111111
 loopID = setTimeout("loopBackground()",1)
 } else {
 document.bgColor = '#000000'
 woot += 10
 COLOR = 999999
 COLOR -= woot
 loopID = setTimeout("loopBackground()",1)
    }
 }
 // End -->
 </SCRIPT>
 
 <CENTER>
 <FORM NAME="background">
 <INPUT TYPE="button" VALUE="Inicia o show de cores"
 onClick="loopBackground()">
 <br><br>
 <input type="button" value="PARAR" onClick="stoploop()">
 </FORM>
 </CENTER>

Sobre o autor
Gabriel Medina é o autor deste blog, atualmente estuda eng. elétrica, ama jogar damas, assistir desenhos, filmes e séries, além de praticar esportes saudaveis.
Inscrever-se neste Blog via Email :

0 Comentários:

© 2017 Webzoon. Designed by Bloggertheme9
Powered by Blogger.
back to top