domingo, 6 de janeiro de 2013

Adicionando o efeito de neve ao seu site

--> -->
Para entrar no espírito de natal é legal adicionar algo no site, mudar o layout ou criar um logo de natal, mas isso pode dar trabalho, algo bem facil de se fazer é colocar um efeito de neve caindo. Por isso vou postar um script em javascript que faz isso.
Ele usa uma imagem de neve então copie essa imagem aqui(ou qualquer uma a sua escolha)
neve
o link para essa imagem é http://i12.tinypic.com/6uscqjq.gif
para usa-lo é bem simples simplesmente copie todo o conteudo a seguir e cole após o <body> de seu site.
[code="javascript"][/code]
para ele funcionar é preciso alterar:
//Configure below to change URL path to the snow image
var snowsrc=”snow.gif”
para o endereço de onde se encontra a imagem, caso ela esteja na mesma pasta que a pagina pode deixar como está.
Também é possivel alterar os seguintes itens
// Configure below to change number of snow to render
var no = 10;

Irá alterar o numero de “flocos” de neve que irão aparecer

// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
Irá alterar o tempo que o “flocos” seram exibidos na tela, 0 é infinito(ele irá até o fim da sua pagina e comecará do topo novamente)
// Configure how much snow should drop down before fading (“windowheight” or “pageheight”)
var snowdistance = “pageheight”;
Altera o tempo que os flocos iram cair, pageheight é até o fim da sua pagina(se tiver uma pagina grade isso não será bom), e windowheight é até o fim da tela(resolução domonitor).
Para manter a organizaçãse o do codigo fonte de seu site você pode salvar esse script em um arquivo .js como snow.js  e em seu codigo fonte(também depois do <body>) colocar apenas
<script src=”snow.js” type=”text/javascript”></script>
alterando o src=”" para o local do arquivo no caso dele não estar na mesma pasta.
Um aviso importante: esse efeito de neve, usa bastante o processador!!!, com 5 abas dele abertas no firefox, ele estava usando 70% do meu processador(turion 64 – 2Ghz), então é melhor, colocar esse efeito, só na pagina inicial de seu site, para que ele não apareça em todas as paginas.
Se alguem quizer um outro script que não usa imagem(irá aparecer pontos) pode pedir que eu disponibilizo.
Update: olhando as origens das visitas achei no sitehttp://www.agitonoite.com/index.php algo muito interessante, ao invez de usar a imagem de neve, colocaram um gif de fogos de artificios, ficou muito legal.
Fica ai a ideia pra quem quizer usar esse efeito agora depois do natal =D

0 comentários:

Postar um comentário

Fique sempre atualizado!
Receba artigos por email!
Widget by Steve Kennedy Visite o blog Taz Videos