Spielen Sie mit den js-Einstellungen, um Hintergrundbilder nach dem Zufallsprinzip zu wechseln

Die Funktion von js sollte nicht unterschätzt werden. Wenn Sie etwas gut entwickeln möchten, wird js Ihre Punktzahl erheblich steigern. Dieser Artikel zeigt Ihnen ein einfaches Beispiel für js-Einstellungen zum zufälligen Wechseln von Hintergrundbildern. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Das Beispiel ist wie folgt:

<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>

Der Code sieht sehr einfach aus. Ich frage mich, ob Sie ihn beherrschen. Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:

JS-Methode zum Implementieren des zufälligen Wechsels von Hintergrundbildern auf Webseiten_Javascript-Kenntnisse

CSS-Implementierung des Mauswechselhintergrunds durch Links Bildbeispielcode_html/css_WEB-ITnose

IE6 ein Tag-Wechsel-Hintergrundbild kann nicht sofort wirksam werden_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonSpielen Sie mit den js-Einstellungen, um Hintergrundbilder nach dem Zufallsprinzip zu wechseln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!