배경 이미지를 변경하기 위해 JS를 구현하기 위해 CSS를 작동하는 데 JS를 사용하는 예

1.

코드 사본은 다음과 같습니다.

ar imgarr = [ "// www.vevb.com/logo_cn.png",

"//www.vevb.com/baidu_sylogo1.gif",

"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg",

"//www.vevb.com/news/uploadimg/20120111/20120111081906_76.jpg"];

위의 그림을 자신의 것으로 변경하십시오.

2.

코드 사본은 다음과 같습니다.

var index = parseint (math.random ()*(imgarr.length-1));

이런 식으로 우리는 현재 무작위로 생성 된 이미지를 얻습니다

코드 사본은 다음과 같습니다.

var currentImage = imgarr [index];

3. 배경 이미지가 무작위로 생성되었으므로 JS를 사용 하여이 이미지를 배경 이미지로 사용하십시오.

코드 사본은 다음과 같습니다.

document.getElementById ( "backgroundArea"). Style.backgroundImage = "url ("+currentImage+");

이것은 데모이기 때문에, 나는 페이지에 배경 구역의 ID와 함께 div를 정의 했으며이 div에 대한 임의의 배경을 설정했습니다.

코드 사본은 다음과 같습니다.

<div id = "backgroundArea">

</div>