>  기사  >  웹 프론트엔드  >  배경 이미지를 무작위로 전환하려면 js 설정을 사용하세요.

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

小云云
小云云원래의
2017-12-22 10:01:081735검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.