É muito comum, nesta época do ano, web sites fazerem temas personalizados de Natal e Ano Novo para agradar mais seus visitantes e “entrar no clima”, já que a maioria dos sites sempre customiza alguns elementos de seus web design padrão para se adequar a estas épocas de festas.
Aparentemente isto é inútil, mas, na prática, mostra para seus visitantes que você está sempre atualizando o site e se importa em adequar seus conteúdos e visual a épocas que são importantes para muitas pessoas. Em suma, mostra que você se importa com seus visitantes e quer lhes apresentar algo de especial!
Um dos efeitos mais usados é fazer “nevar” no site. E, caso você não saiba como fazer isso, existe um plugin para jQuery que faz o trabalho muito bem: jQuery Snowfall!
Usando O jQuery Snowfall
Faça o download do jQuery Snowfall e, como de costume, faça uma chamada ao jQuery (de preferência o mais recente) e ao script (respeitando sua estrutura de diretórios):
E, agora, a mágica! Para fazer nevar em seu site com somente 1 linha de comando, use:
$(document).ready(function(){
$(document).snowfall();
});
Confira a página oficial do jQuery Snowfall para ver em funcionamento.
Opções Do jQuery Snowfall
E, também, é possível customizar a neve que cai em seu site através de algumas opções bastante interessantes:
options = {
flakeCount : 35, // number
flakeColor : '#ffffff', // string
flakeIndex: 999999, // number
minSize : 1, // number
maxSize : 3, // number
minSpeed : 2, // number
maxSpeed : 3, // number
round : false, // bool
shadow : false // bool
};
Então, para o caso de se querer uma neve com sombra, de tamanho mínimo de 5px e tamanho máximo de 8px, use:
$(document).snowfall({
shadow : true,
minSize: 5,
maxSize:8
});
Conclusão Sobre O jQuery Snowfall
A maioria dos visitantes dos sites se importam com datas comemorativas, e nestas datas, certamente algo de especial também é esperado de seu site (lembrando que este efeito de neve também é conveniente de ser usado durante todo o ano em sites que têm a ver com o efeito de neve, como pousadas em locais gélidos, sites de companhias de esqui e muitos outros casos).
Surpreenda seus visitantes com uma bela neve comemorativa nestas datas especiais e mostre que você se importa com sempre prover as melhores experiências e emoções!
Boas festas!
3 Responses
É legal mas fica meio pesado para o servidor… De qualquer forma nada que fará muita diferença se usado por uns dias.
Gostei do blog, encontrei agora! Parabéns e sucesso.
Teoricamente, não é para carregar o servidor, já que é relativamente leve esse script. No entanto, se isso estiver acontecendo com você, de repente você pode tentar minificar todos seus javascritpts.
Abraços!
Ao ativar o collection, o chrome apresenta esse erro:
Uncaught TypeError: Object #<error> has no method 'getBoundingClientRect'