Heute fragte mich ein Freund auf Weibo, ob ich JS und CSS verwenden kann, damit die Seite jedes Mal, wenn ich es aktualisiert, ein Hintergrundbild erzeugt. Natürlich ist meine Antwort in Ordnung. Sie können dies speziell tun:
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:
var imgarr = ["http://www.google.com.hk/intl/zh-cn/images/logo_cn.png",
"http://www.baidu.com/img/baidu_sylogo1.gif",
"http://www.open-open.com/news/uploadimg/2012011/20120111081906_79.jpg",
"http://www.open-open.com/news/uploadimg/2012011/20120111081906_76.jpg"
];
Ich fand hier 4 Bilder und schaute mir an.
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>