Está usted en Indice > Construcción > Lenguajes > JavaScript > Lecciones y Paso a Paso > Efecto Nieve con JavaScript
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Efecto Nieve con JavaScript (2)

function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

</script>



Es posible utilizar otra imagen cambiando la linea

var snowsrc="snow.gif"



Aqui os dejo 3 tipos de imagenes que podeis usar, podeis guardarlos a vuestro ordenador haciendo click con el boton derecho y en Guardar imagen como...

Artículo por cortesía de Eloi de San Martín
www.programacionweb.net



Usuarios que han visto este tema también han visto...

- Tres en raya gráfico en Javascript
- Calcular la edad en Javascript
- Pasando datos entre paginas con JavaScript
- Javascript para recomendar página
- Apagando elementos “select” en Internet Explorer


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Cursos de Community Manager

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 25-05-2012 a las 22:51:43