Maison  >  Article  >  interface Web  >  Jouez avec les paramètres js pour changer aléatoirement les images d'arrière-plan

Jouez avec les paramètres js pour changer aléatoirement les images d'arrière-plan

小云云
小云云original
2017-12-22 10:01:081672parcourir

La fonction de js ne peut pas être sous-estimée. Si vous souhaitez bien développer quelque chose, js augmentera considérablement votre score. Cet article vous présentera un exemple simple de configuration de js pour changer aléatoirement d'images d'arrière-plan. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

L'exemple est le suivant :

<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 code a l'air très simple. Je me demande si vous le maîtrisez ? Dépêchez-vous et essayez-le.

Recommandations associées :

Méthode JS pour implémenter le changement aléatoire des images d'arrière-plan sur les pages Web_compétences javascript

Implémentation CSS du changement d'arrière-plan de la souris via liens Exemple d'image code_html/css_WEB-ITnose

IE6 une image d'arrière-plan de changement de balise ne peut pas prendre effet immédiatement_html/css_WEB-ITnose

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