1. Utilisez JS pour définir un tableau d'images, qui stocke les images que vous souhaitez afficher au hasard
La copie de code est la suivante:
ar imgarr = ["// www.vevb.com/logo_cn.png",
"//www.vevb.com/baidu_sylogo1.gif",
"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg",
"//www.vevb.com/news/uploadimg/20120111/20120111081906_76.jpg"];
Veuillez changer l'image ci-dessus par la vôtre.
2. Utilisez JS pour générer un nombre aléatoire, bien sûr, ce nombre aléatoire commence à partir de 0 et se termine à partir d'imgarr.length-1.
La copie de code est la suivante:
var index = parseInt (math.random () * (imgarr.length-1));
De cette façon, nous obtenons l'image actuellement générée aléatoire
La copie de code est la suivante:
var currentImage = imgarr [index];
3. Étant donné qu'une image d'arrière-plan a été générée au hasard, utilisez JS pour utiliser cette image comme image d'arrière-plan.
La copie de code est la suivante:
document.getElementById ("backgroundarea"). style.backgroundImage = "url (" + currentImage + ")";
Puisqu'il s'agit d'une démo, j'ai défini une div avec l'ID de Backgroundarea sur la page, et j'ai également défini un arrière-plan aléatoire pour cette div.
La copie de code est la suivante:
<div id = "backgroundarea">
</div>