js에서 무작위 전환 배경 이미지를 설정하는 방법

완벽한 웹 페이지에서는 HTML 및 CSS 외에도 JavaScript도 중요한 역할을 합니다. 이 기사에서는 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>

위 내용은 js에서 배경 이미지를 무작위로 전환하는 간단한 예입니다. 모두에게 도움이 되기를 바랍니다.

관련 권장 사항:

CSS에서 배경 이미지 설정 예에 대한 자세한 설명

CSS+html 배경 이미지 채우기 구현 방법에 대한 자세한 설명

js의 버튼에 배경 이미지를 추가하는 일반적인 방법 요약

위 내용은 js에서 무작위 전환 배경 이미지를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!