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):


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="snowfall.min.jquery.js"></script>

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!

Be Sociable, Share!

3 Comentários

  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.

    • Tárcio Zemel

      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. Rodrigo

    Ao ativar o collection, o chrome apresenta esse erro:

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

Participa! Comenta...