¿Te gustaria darle un toque mas navideño a tu sitio añadiendole nieve?
Esto es algo que se puede hacer muy facil usando jQuery y javascript. sin CSS ni imagenes.
Aqui aprenderas cómo obtener el efecto de nieve con jQuery. facil y rapido
Una busqueda por el buscador mas famoso del mundo, encontramos una infinidad de complementos los cuales permiten crear este efecto, por ahora, usaremos uno de los mas faciles de usar.
El bloguero Ivan Lazarevic ha desarrollado un plugin muy simple para integrar y configurar. En su blog de WORKSHOP podemos ver una demostración, al igual que en este articulo.
Como ponerle nieve a mi sitio web o blog:Lo primero es añadir jQuery y el plugin jquery.snow.js en nuestro sitio web. Puedes descargar el plugin y añadirlo personalmente, o simplemente añadirlo directamente desde la URL como lo hago aqui:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//github.s3.amazonaws.com/downloads/kopipejst/jqSnow/jquery.snow.min.1.0.js"></script>
Luego, mas abajo, simplemente le añades estas lineas de codigo.
<script>
$(document).ready( function(){
$.fn.snow({
minSize: 10, //Tamaño mínimo del copo de nieve, 10 por defecto
maxSize: 20, //Tamaño máximo del copo de nieve, 10 por defecto
newOn: 1250, //Frecuencia (en milisegundos) con la que aparecen los copos de nieve, 500 por defecto
flakeColor: '#FFFFFF' //Color del copo de nieve, #FFFFFF por defecto
});
});
</script>
Se debe tener especial cuidado con el nuevo parámetro newOn, porque una frecuencia demasiado alta puede afectar el rendimiento de la página web.
Y aquí está el tutorial para agregar un efecto de nieve con jQuery en la página web.