Dieser Artikel beschreibt die Methode, um Hintergrundbilder auf JS zufällig zu wechseln. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Zunächst müssen Sie einige Bilder vorbereiten. Die Größe des Bildes (ob Größe oder Datengröße) muss gut gesteuert werden. Wenn es zu groß ist, kann der Benutzer nicht warten, um das vollständige Bild anzusehen und herauszuspringen. Wenn es zu klein ist, wirkt sich dies auf die Seitenqualität aus.
Porce diese Bilder in ein Array in Skript, um einen einfachen Anruf zu erhalten. Die Länge des Arrays ist natürlich die Anzahl der Bilder.
Kopieren Sie den Code wie folgt: var bodybgs = []; // Erstellen Sie eine Array -Variable, um den Pfad zum Hintergrundbild zu speichern
bodybgs [0] = "Bilder/01.jpg";
bodybgs [1] = "Bilder/02.jpg";
bodybgs [2] = "Bilder/03.jpg";
bodybgs [3] = "Bilder/04.jpg";
bodybgs [4] = "Bilder/05.jpg";
Da oben 5 Bilder verwendet werden, muss hier eine Zufallszahl von 0 bis 4 generiert werden. Wenn die Array -Länge unterschiedlich ist, ändern Sie einfach den Multiplikator im folgenden Code.
Die Codekopie lautet wie folgt: var randombgindex = math.round (math.random () * 4);
Dies sind die Kernprogramme. Obwohl es sehr einfach ist, ist es eine kleine Idee. Wenn Sie dies als Grundlage verwenden, können einige erweiterte Funktionen durch Verarbeitung erfüllt werden. Zum Beispiel: Themenwechsel und andere zufällige Präsentationen usw. unten finden Sie den vollständigen JS -Code.
Kopieren Sie den Code wie folgt: <script type = "text/javaScript">
// <! Cdata [
var bodybgs = [];
bodybgs [0] = "Bilder/01.jpg";
bodybgs [1] = "Bilder/02.jpg";
bodybgs [2] = "Bilder/03.jpg";
bodybgs [3] = "Bilder/04.jpg";
bodybgs [4] = "Bilder/05.jpg";
var randombgindex = math.round (math.random () * 4);
// Ausgabe eines zufälligen Hintergrundbildes
document.write ('<Styl> body {Hintergrund: url (' + bodybgs [randombgindex] + ') no-repeat 50% 0} </style>');
//]]>
</script>
Ich hoffe, dass die Beschreibung in diesem Artikel basierend auf JavaScript für die Webprogrammierung aller hilfreich ist.