Este artículo describe el método para implementar los efectos de fondo dinámico de la lluvia generados por JavaScript. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> Efecto de fondo dinámico de lluvia generado por JavaScript </title>
</ablo>
<Body bgcolor = "#fef4d2">
<centro>
<Script Language = JavaScript>
<!-[Paso1]: Aquí puede establecer el número de gotas de lluvia->
var llainsize = 40;
<!-[Paso2]: Aquí puede cambiar la velocidad de la lluvia, el valor es grande y la velocidad es lenta->
velocidad var = 10;
var x = new Array ();
var y = new Array ();
var r = new Array ();
var cx = new Array ();
var cy = new Array ();
var doc_width = document.body.clientwidth;
var doc_height = document.body.clientHeight;
para (i = 0; i <Rainsize; ++ i) {
initrain ();
if (i == 0) {
document.write ("<div id =/" dot " + i +"/"style =/" posición: ");
document.write ("Absolute; Z-Index:" + I + "; Visibilidad:");
document.write ("visible; superior: 15px; izquierda: 15px;/"> <font color =/"azul/"> ");
document.write (", </font> </div>"); }
demás {
document.write ("<div id =/" dot " + i +"/"style =/" posición: ");
document.write ("Absolute; Z-Index:" + I + "; Visibilidad:");
document.write ("visible; superior: 15px; izquierda: 15px;/"> <font color =/"azul/"> ");
document.write (",. </font> </div>"); }
}
función initrain () {
a = 6;
r [i] = 1;
sn = math.sin (a);
cs = math.cos (a);
cx [i] = Math.random () * DOC_WIDTH + 1;
cy [i] = math.random () * DOC_HEight + 1;
x [i] = r [i] * sn + cx [i];
y [i] = cy [i];
}
function RainDropie () {
para (i = 0; i <Rainsize; ++ i) {
updaterAin ();
if ((x [i] <= 1) || (x [i]> = (doc_width - 20)) || (y [i]> = (doc_height - 20))) {
makerain ();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight; }
document.all ["dot"+i] .style.pixelTop = y [i];
document.all ["dot"+i] .style.pixelleft = x [i]; }
setTimeout ("RainLadROPIE ()", velocidad);
}
function updaterAin () {
r [i] += 10;
x [i] = r [i] * sn + cx [i];
y [i] = r [i] * cs + cy [i];
}
función makerain () {
r [i] = 1;
cx [i] = Math.random () * DOC_WIDTH + 1;
cy [i] = 1;
x [i] = r [i] * sn + cx [i];
y [i] = r [i] * cs + cy [i];
}
RainDropie ();
</script>
</body>
</Html>
Espero que este artículo sea útil para la programación de JavaScript de todos.