Pular para o conteúdo

EFEITO NEVE REVISADO COM MAIS FLOCOS!

Efeito neve agora revisado, com mais flocos.Um efeito que faz flocos de neve cairem por sua
tela, flocos de neve ou qualquer outra figura, mas para isso você terá que mexer no código
fonte.
Leonardo Berbert Gomes leoberbert
Hits: 24.648 Categoria: Javascript Subcategoria: Design
  • Download
  • Nova versão
  • Indicar
  • Denunciar

Descrição

Efeito neve agora revisado, com mais flocos.Um efeito que faz flocos de neve cairem por sua
tela, flocos de neve ou qualquer outra figura, mas para isso você terá que mexer no código
fonte.
Download neve.htm Enviar nova versão

Esconder código-fonte

<html>
<head>
<title>
Teste
</title>
</head>
<body bgcolor="black">
<center><font size="7px" color="Green">
SCRIPT REVISADO E RECRIADO POR<br> Leonardo Berbert
<script language="JavaScript">    
//COLOCADO SOBRE AS TAG's BODY \\   
<!--
      
      var FLOCOS = 50; 
      var VELOCIDADE = 30; 
      var FIGURA = "local aonde a figura NEVE.gif está localizada";
      var PROGRAMA = navigator.appName;
      var COORDENADA = new Array();
      var POSICAO_X = new Array();
      var POSICAO_Y = new Array();
      var AMPLITUDE = new Array();
      var AVANCA_X = new Array();
      var AVANCA_Y = new Array();
      var RX, RY, I, LARGURA, COMPRIMENTO;
      if (PROGRAMA == 'Netscape') {
        LARGURA = self.innerWidth;
        COMPRIMENTO = self.innerHeight; } 
      else {
        LARGURA = document.body.clientWidth;
        COMPRIMENTO = document.body.clientHeight;
      }
      for (I=0; I<FLOCOS; I++) {  
        COORDENADA[I] = 0;                        
        POSICAO_X[I] = Math.random() * (LARGURA - 50);  
        POSICAO_Y[I] = Math.random() * COMPRIMENTO;
        AMPLITUDE[I] = Math.random() * 20;   
        AVANCA_X[I] = 0.02 + Math.random() / 10; 
        AVANCA_Y[I] = 0.7 + Math.random();     
        if (PROGRAMA == 'Netscape') {                    
          document.write('<LAYER NAME=\"dot' + I + '\" LEFT=\"15\" ');
          document.write('TOP=\"15\" VISIBILITY=\"SHOW\"><IMG SRC=\"');
          document.write(FIGURA + '\" BORDER=\"0\"></LAYER>'); }
        else {
          document.write('<DIV ID=\"dot' + I + '\" STYLE=\"POSITION: ');
          document.write('ABSOLUTE; Z-INDEX: ' + I + '; VISIBILITY: ');
          document.write('VISIBLE; TOP: 15px; LEFT: 15px;\"><IMG SRC=\"');
          document.write(FIGURA + '\" BORDER=\"0\"></DIV>');  
        } 
      }

      function MoveFlocos() {
        for (I=0; I<FLOCOS; I++) {  
          POSICAO_Y[I] += AVANCA_Y[I];
          if (POSICAO_Y[I] > COMPRIMENTO - 50) {
            POSICAO_X[I] = Math.random() * (LARGURA - AMPLITUDE[I] - 30);
            POSICAO_Y[I] = 0;
            AVANCA_X[I] = 0.02 + Math.random() / 10;
            AVANCA_Y[I] = 0.7 + Math.random();
          }
          COORDENADA[I] += AVANCA_X[I];
          RX = POSICAO_X[I] + AMPLITUDE[I] * Math.sin(COORDENADA[I]);
          RY = POSICAO_Y[I];
          if (PROGRAMA == 'Netscape') {
            document.layers["dot" + I].top = RY;
            document.layers["dot" + I].left = RX; }
          else {
            document.all["dot" + I].style.pixelTop = RY;
            document.all["dot" + I].style.pixelLeft = RX;
          }
        }
        setTimeout('MoveFlocos()', VELOCIDADE);
      }
      MoveFlocos();
    //-->
</script>     
</body>
</html>

o html eo site todo

Jogo da Velha com JavaScript e SVG

Cores de paginas

Games

Display animado

#1 Comentário enviado por removido em 23/07/2007 - 12:31h
Eu usei no googlepage creator e colei direitinho o html e não funciona.

Contribuir com comentário

Entre na sua conta para comentar.