Neve Em Seu Site Com jQuery Snowfall

jQuery Snowfall

É 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!

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

3 Responses

  1. É 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.

    1. 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!

  2. Ao ativar o collection, o chrome apresenta esse erro:

    Uncaught TypeError: Object #<error> has no method 'getBoundingClientRect' 

Leave a Reply

Your email address will not be published. Required fields are marked *


Como Criar Um Site, Blog - WebMaster.pt