Cet article décrit la méthode de commutation aléatoire des images d'arrière-plan sur JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Tout d'abord, vous devez préparer des images. La taille de l'image (que ce soit la taille ou la taille des données) doit être bien contrôlée. S'il est trop grand, cela rendra l'utilisateur incapable d'attendre pour voir l'image complète et sauter. S'il est trop petit, cela affectera la qualité de la page.
Porce ces images dans un tableau en script pour un appel facile. La longueur du tableau est bien sûr le nombre d'images.
Copiez le code comme suit: var bodybgs = []; // Créer une variable de tableau pour stocker le chemin d'accès à l'image d'arrière-plan
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";
Étant donné que 5 images sont utilisées ci-dessus, un nombre aléatoire de 0 à 4 doit être généré ici. Si la longueur du tableau est différente, modifiez simplement le multiplicateur dans le code suivant.
La copie de code est la suivante: var randombgindex = math.round (math.random () * 4);
Ce sont les principaux programmes. Bien que ce soit très simple, c'est une petite idée. Si vous l'utilisez comme base, certaines fonctions étendues peuvent être faites par traitement. Par exemple: commutation de sujet et autres présentations aléatoires, etc. Vous trouverez ci-dessous le code JS complet.
Copiez le code comme suit: <script type = "text / javascript">
// <! Cdata [
var bodybgs = [];
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";
var randombgindex = math.round (math.random () * 4);
// Sortie d'une image d'arrière-plan aléatoire
Document.Write ('<style> Body {background: url (' + bodybgs [randombgindex] + ') sans répétition 50% 0} </ style>');
//]]>
</cript>
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.