EFEITO NEVE REVISADO COM MAIS FLOCOS!
Publicado por Leonardo Berbert Gomes 13/01/2005
[ Hits: 24.472 ]
Homepage: https://www.linkedin.com/in/leoberbert
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.
<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>
Menu sanfona com JQuery apenas utilizando as tags UL e LI
Mundando a classe css de uma tag dinamicamente
Indica a pagina dependendo da resolução do usuario
Desktop Linux ganha fôlego enquanto distros refinam experiência e segurança
Wayland em alta, IA em debate e novos ventos para distros e devices
Qt 6.10 e Python 3.14 puxam o ritmo do software livre nesta quarta
Atualizações de Apps, Desktop e Kernel agitam o ecossistema Linux nesta terça-feira
Como mudar o nome de dispositivos Bluetooth via linha de comando
Adicionando o repositório backports no Debian 13 Trixie