Maison  >  Article  >  interface Web  >  Comment définir des images d'arrière-plan à commutation aléatoire dans js

Comment définir des images d'arrière-plan à commutation aléatoire dans js

小云云
小云云original
2018-05-26 10:24:285445parcourir

Une page Web parfaite, en plus du HTML et du CSS, JavaScript joue également un rôle important. Dans cet article, nous partagerons avec vous une petite astuce, un exemple simple de définition d'images d'arrière-plan à commutation aléatoire en js.

<script>
   
var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg",
       "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg",
       ];  
   
var index=Math.floor(Math.random()*8);
var img = imgs[index];
    function time(){
          
       document.body.style.backgroundImage="url("+img+")";
          
    }  
   
document.body.onload = function(){
 time();
}
</script>

Le contenu ci-dessus est un exemple simple de paramètre js pour changer aléatoirement les images d'arrière-plan. J'espère que cela pourra aider tout le monde.

Recommandations associées :

Explication détaillée des exemples de définition d'images d'arrière-plan en CSS

Explication détaillée de la façon dont CSS+html implémente l'image d'arrière-plan remplissage

Un résumé des méthodes courantes pour ajouter des images d'arrière-plan aux boutons dans js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn