Contenido

snowMooTools, Efecto Nieve con MooTools

12 dic

+ 5

¿Te gusta la navidad? ¿Quieres darle un toque más navideño a tu web? Ahora puedes hacer con snowMooTools.

snowMooTools, es un port del script de Dynamic Drive, con el cual podrás mostrar copos de nieve cayendo por tu página web. He adaptado el código a las mejoras que nos ofrece MooTools para conseguir crear un objeto fácil de usar. El resultado es un objeto que nos permitirá darle ese toque navideño que estamos buscando.

Instalación

Una vez importado MooTools en nuestro <head></head> únicamente tendremos que importar el fichero que contiene el class que nos generará nuestro efecto.


<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="snow.js"></script>

Modo de empleo

El modo de empleo es muy fácil, únicamente tendremos que llamar la función que nos inicial la lluvia de nieve por nuestra pantalla.


nieve.start();

Parametros 

La clase permite la insercción de 4 parametros opcionales, en los cuales podremos definir la imagen, el numero de copos, distancia recorrida de los copos y el tiempo que dura el efecto.

nieve.start(img,num,distance,hidesnowtime);
  • img, URL de la imagen a mostrar, por defecto snow.gif.
  • num, Número de imagenes a mostrar, por defecto 10
  • distance, se refiere al tipo de distancia que puede recorrer la imagen, pageheight o windowheight, por defecto pageheight.
  • hidesnowtime, tiempo que dura el efecto, por defecto (0 = nunca).

Imagenes 

snow snow snow snow

[Descargar][Ver Demo]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.