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