1. Definieren Sie JS, um ein Bildarray zu definieren, das die Bilder speichert, die Sie zufällig anzeigen möchten
Die Codekopie lautet wie folgt:
ar imgarr = ["// www.vevb.com/logo_cn.png",
"//www.vevb.com/Baidu_Sylogo1.gif",
"//www.vevb.com/news/uploadimg/2012011/20120111081906_79.jpg",
"//www.vevb.com/news/uploadimg/2012011/20120111081906_76.jpg"];
Bitte ändern Sie das Bild oben in Ihr eigenes.
2. Verwenden Sie JS, um eine Zufallszahl zu generieren. Natürlich beginnt diese Zufallszahl von 0 und endet von imgarr.length-1.
Die Codekopie lautet wie folgt:
var index = parseInt (math.random ()*(imgarr.length-1));
Auf diese Weise erhalten wir das derzeit zufällig generierte Bild
Die Codekopie lautet wie folgt:
var currentimage = imgarr [index];
3. Da ein Hintergrundbild zufällig generiert wurde, verwenden Sie JS, um dieses Bild als Hintergrundbild zu verwenden.
Die Codekopie lautet wie folgt:
document.getElementById ("Hintergrundbereich"). Style.backgroundimage = "url ("+currentImage+")";
Da es sich um eine Demo handelt, habe ich eine DIV mit der ID der Hintergrundbereich auf der Seite definiert und auch einen zufälligen Hintergrund für diese DIV festgelegt.
Die Codekopie lautet wie folgt:
<div id = "backgroundArea">
</div>