js-Methode zum Implementieren des zufälligen Wechsels von Hintergrundbildern auf Webseiten_Javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt, wie man mithilfe von js einen zufälligen Wechsel von Hintergrundbildern auf Webseiten implementiert. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Bereiten Sie zunächst einige Bilder vor. Die Größe des Bildes (sei es Größe oder Datengröße) muss gut kontrolliert werden. Wenn es zu groß ist, kann der Benutzer nicht warten, bis das vollständige Bild angezeigt wird herausspringen. Wenn es zu klein ist, beeinträchtigt es die Seitenqualität

Kompilieren Sie diese Bilder per Skript zu einem Array, um den Aufruf zu erleichtern. Die Länge des Arrays ist natürlich die Anzahl der Bilder.

Code kopieren Der Code lautet wie folgt:

var bodyBgs = [] //Erstelle eine Array-Variable um den Hintergrundbildpfad
zu speichern bodyBgs[0] = "images/01.jpg";
bodyBgs[1] = "images/02.jpg";
bodyBgs[2] = "images/03.jpg";
bodyBgs[3] = "images/04.jpg";
bodyBgs[4] = "images/05.jpg";

Da oben 5 Bilder verwendet wurden, muss hier eine Zufallszahl von 0 bis 4 generiert werden. Wenn die Array-Längen unterschiedlich sind, ändern Sie einfach den Multiplikator im folgenden Code.

Code kopieren Der Code lautet wie folgt:

var randomBgIndex = Math.round( Math.random() * 4 ) ;

Dies sind die Kernprogramme. Obwohl es sehr einfach ist, handelt es sich um eine kleine Idee. Auf dieser Grundlage können einige erweiterte Funktionen durch Verarbeitung erstellt werden. Zum Beispiel: Themenwechsel und andere zufällige Präsentationen usw. Unten finden Sie den vollständigen JS-Code.

Code kopieren Der Code lautet wie folgt:

Ich hoffe, dass dieser Artikel für alle bei der Webprogrammierung auf Basis von JavaScript hilfreich sein wird.