¿Cómo crear un efecto de copo de nieve en tu página de inicio?
parámetro wmod en transparente
o usando el script
el siguiente código
lt; SCRIPT language=JavaScript1.2gt;
// Configure lo siguiente para cambiar la ruta URL de la imagen del copo de nieve
var speed = 350; número, más rápido se mueve la imagen
.
Configure a continuación para cambiar la ruta URL de la imagen de nieve
var speed = 350; // Cuanto menor sea el número, más rápido se mueve la imagen
var snowsrc= new Array ();
snowsrc[0] = "images/leave1.gif"
snowsrc[1] = "images/leave2.gif"
// snowsrc[2 ] = "images/leave2.gif"
// Configura a continuación para cambiar la cantidad de nieve a renderizar
var no = 6
var ns4up =; (documento. capas) ?1: 0; // Rastreador de navegador
var ie4up = (document.all) ?1: 0;
var dx, xp, yp; Coordenadas y variables de posición
var am, stx, sty; // Variables de amplitud y paso
var i, doc_width = 800, doc_height = 600; ns4up = (document.doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight
} else; if (es decir,4up) {
doc_width = document.clientHeight;
}
dx = nueva matriz();
xp = nueva array();
yp = nueva matriz();
am = nueva matriz();
stx = nueva matriz();
p>
sty = new Array();
j = 0
for (i = 0; i lt; no; i) {
dx [i] = 0; // establecer variables de coordenadas
xp[i] = Math.random()*(doc_width-50); // establecer variables de posición
yp[i] ] = Math .random()*doc_width;
yp[i] = Math.random()*doc_width altura
am[i] = Math.random()*20 ; // Establecer la variable de amplitud
stx[i] = 0.02 Math.random()/10 // Establecer la variable de paso
sty[i] = 0.7 Math.random(); ; // Establecer variable de paso
if (ns4up) { // Establecer capa
if (i == 0) {
document.write("lt ;capa n
ame=\"punto " i "\" left=\"15\" top=\"15\" visibilidad=\"show\"gt;lt;img src=\"" snowsrc[j] "\" border= \"0\"gt;lt;/layergt;");
} else {
document.write("lt;nombre de capa=\"punto " i "\" left=\"15\" top=\"15\" visibilidad=\"show\"gt;lt;img srowsrc=\" snowsrc[j] "\" border=\"0\"gt;lt;/layergt ;");
} else {
documento.} else if (ie4up) { if (i == 0)
{
document.write("lt; div id=\"dot " i "\" style="POSICIÓN: absoluta; ÍNDICE Z: ") i "VISIBILIDAD: visible; ARRIBA: 15px; ;\"gt;lt;img src=\" snowsrc[j] "\" border=\"0\"gt;lt;/divgt;");
} else {
document.write("lt; div id=\"punto " i "\" estilo=\"POSICIÓN: absoluta; ÍNDICE Z: " i "VISIBILIDAD: visible; ARRIBA: 15px; IZQUIERDA: 15px; ancho: 1;\"\"\;");"
;"
Ancho.documento: 1;/"gt;lt;img src=\" snowsrc[j] " \" border=\"0\"gt;lt;/divgt;");
}
}
if (j == (snowsrc. longitud-1)) { j = 0 } else { j = 1;
}
función snowNS() { // Función de animación principal de Netscape
for (i = 0; i lt; no; i) { // iterar para cada punto
yp[i] = sty[i];
if (yp[i ] gt; doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30); ;
stx[i] = 0,02 Math.random()/10;
sty[i] = 0,7 Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight
}
dx[i] = stx[i];
> document.layers["punto " i].top = yp[i];
document.layers["punto " i].left = xp[i] am[i]*Math.sin( dx[i]);
}
setTimeout("nieveNS()", 10);
}
función nieveIE( ) { // Función de animación principal de IE
for (i = 0; i lt; no; i) { // iterar para cada punto
yp[i] = sty[i ];
if (yp[i] gt; 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 = document.body.clientWidth;
doc_height = document.document.body.clientHeight;
}
dx[i] = stx[i];
document.all["punto " i].style.pixelTop = yp[i]; .all["punto " i].style.pixelLeft = xp[i] am[i]*Math.sin(dx[i]);
}
setTimeout(" snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if ( ie4up) {
snowIE();
}
lt;/SCRIPTgt;
put snowsrc[0] = "imágenes/ dejar1.gif"
snowsrc[1] = " imágenes/leave2.gif"
// snowsrc[2] = "imagenes/leave2.gif"
Las tres imágenes serán reemplazadas con las imágenes de copos de nieve que desees y listo