이 기사에서는 JS에서 배경 이미지를 무작위로 전환하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
우선, 일부 이미지를 준비해야합니다. 이미지의 크기 (크기 또는 데이터 크기에 관계없이)는 잘 제어해야합니다. 너무 커지면 사용자가 전체 그림을보고 대기하기를 기다릴 수 없게됩니다. 너무 작 으면 페이지 품질에 영향을 미칩니다.
이 이미지를 쉽게 호출 할 수 있도록 스크립트 배열로 porce하십시오. 배열의 길이는 물론 이미지 수입니다.
다음과 같이 코드를 복사하십시오 : var bodybgs = []; // 배경 이미지로의 경로를 저장할 배열 변수 생성
bodybgs [0] = "images/01.jpg";
Bodybgs [1] = "images/02.jpg";
Bodybgs [2] = "images/03.jpg";
Bodybgs [3] = "images/04.jpg";
Bodybgs [4] = "images/05.jpg";
위에서 5 개의 이미지가 사용되기 때문에 여기서는 0에서 4까지의 임의의 숫자를 생성해야합니다. 배열 길이가 다른 경우 다음 코드에서 승수를 수정하십시오.
코드 사본은 다음과 같습니다. var randombgindex = math.round (math.random () * 4);
이것들은 핵심 프로그램입니다. 매우 간단하지만 작은 아이디어입니다. 이것을 기본으로 사용하면 처리를 통해 일부 확장 된 기능을 수행 할 수 있습니다. 예 : 주제 전환 및 기타 랜덤 프리젠 테이션 등 아래는 전체 JS 코드입니다.
다음과 같이 코드를 복사하십시오. <script type = "text/javaScript">
// <! cdata [
var bodybgs = [];
bodybgs [0] = "images/01.jpg";
Bodybgs [1] = "images/02.jpg";
Bodybgs [2] = "images/03.jpg";
Bodybgs [3] = "images/04.jpg";
Bodybgs [4] = "images/05.jpg";
var randombgindex = math.round (math.random () * 4);
// 임의의 배경 이미지를 출력합니다
document.write ( '<style> body {back
//]]>
</스크립트>
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.