> 웹 프론트엔드 > JS 튜토리얼 > JavaScript_javascript 기술로 생성된 동적 비 배경 효과 구현 방법

JavaScript_javascript 기술로 생성된 동적 비 배경 효과 구현 방법

WBOY
풀어 주다: 2016-05-16 16:13:08
원래의
1246명이 탐색했습니다.

이 기사의 예에서는 JavaScript로 생성된 동적 비 배경 효과의 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

<헤드>
JavaScript로 생성된 동적 비 배경 효과



<스크립트 언어=자바스크립트>

var rainsize = 40;

var 속도 = 10;
var x = 새로운 배열();
var y = 새로운 배열();
var r = new Array();
var cx = new Array();
var cy = 새로운 배열();
var doc_width = document.body.clientWidth;
var doc_height = document.body.clientHeight;

for(i=0; i initRain();
if (i == 0) {
Document.write("

Document.write("절대; Z-INDEX: " i "; VISIBILITY: ");
Document.write("visible; TOP: 15px; LEFT: 15px;">");
Document.write(",
") }
그렇지 않으면 {
Document.write("
Document.write("절대; Z-INDEX: " i "; VISIBILITY: ");
Document.write("visible; TOP: 15px; LEFT: 15px;">");
Document.write(",.
") }
}

함수 initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width 1;
cy[i] = Math.random() * doc_height 1;
x[i] = r[i] * sn cx[i];
y[i] = cy[i];
}

raindropIE() 함수 {
for (i = 0; i 업데이트Rain();
If ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
         makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight }
Document.all["dot" i].style.pixelTop = y[i];
Document.all["dot" i].style.pixelLeft = x[i] }
setTimeout("raindropIE()", 속도)
}
함수 updateRain() {
r[i] = 10;
x[i] = r[i] * sn cx[i];
y[i] = r[i] * cs cy[i];
}
함수 makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width 1;
cy[i] = 1;
x[i] = r[i] * sn cx[i];
y[i] = r[i] * cs cy[i];
}
빗방울IE();
스크립트>

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿