Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Como ponerle nieve a la pagina web

Tags: nieve, sitio, web, navidad, html
publicado el 2017-12-22   leido 3025 leídas

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



Te gustó?

Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Lo mas leido

Aquí hablamos de
crear     css     datos     dinero     ganar     google     html     internet     javascript     manual     mysql     orientada     pagina     php     phpmyadmin     posicionamiento     programacion     publicidad     seo     web    

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados