Dieser Artikel beschreibt die Methode zur Implementierung dynamischer Regen im Hintergrund im Hintergrund von JavaScript. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> Dynamischer Regen im Hintergrund von Regen erzeugt durch JavaScript </title>
</Head>
<Body Bgcolor = "#FEF4D2">
<Center>
<script Language = JavaScript>
<!-[STEP1]: Wie viele Regentropfen können hier eingestellt werden->
var regensize = 40;
<!-[STEP2]: Hier können Sie die Regengeschwindigkeit ändern, der Wert ist groß und die Geschwindigkeit ist langsam->
var Geschwindigkeit = 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;
für (i = 0; i <rainesize; ++ i) {
initrain ();
if (i == 0) {
document.write ("<div id =/" dot " + i +"/"style =/" Position: ");
document.write ("Absolute; Z-Index:" + i + "; Sichtbarkeit:");
document.write ("sichtbar; top: 15px; links: 15px;/"> <font color =/"blau/"> ");
document.write (", </font> </div>"); }
anders {
document.write ("<div id =/" dot " + i +"/"style =/" Position: ");
document.write ("Absolute; Z-Index:" + i + "; Sichtbarkeit:");
document.write ("sichtbar; top: 15px; links: 15px;/"> <font color =/"blau/"> ");
document.write (",. </font> </div>"); }
}
Funktion 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];
}
Funktion Raindropie () {
für (i = 0; i <rainesize; ++ 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 ("raindropie ()", Geschwindigkeit);
}
Funktion updaterain () {
r [i] += 10;
x [i] = r [i] * sn + cx [i];
y [i] = r [i] * cs + cy [i];
}
Funktion 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>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.