배경 이미지를 무작위로 전환하려면 js 설정을 사용하세요.

js의 기능을 과소평가해서는 안 됩니다. 뭔가를 잘 개발하고 싶다면 js가 점수를 크게 높여줄 것입니다. 이 글에서는 배경 이미지를 무작위로 전환하는 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 방법_javascript 기술

링크를 통해 배경 이미지를 마우스로 전환하는 CSS 구현 예시 code_html/css_WEB-ITnose

IE6 태그 배경 그림 전환 즉시 적용할 수 없습니다_html/css_WEB-ITnose

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