이 기사에서는 JS에 의해별로의 비행을 구현하기위한 특수 효과 코드를 설명하며 참조를 위해 귀하와 공유됩니다.
특정 구현 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> 별이 빛나는 하늘의 속도 속도 비행 효과 </title>
<스타일 유형 = "텍스트/CSS">
<!-
몸 {
배경색 : #000066;
}
->
</스타일>
</head>
<body>
<script language = "javaScript">
xl = 8;
xh = xw = xr = xe = xmy = xmx = xwd = xhd = 0;
xf = 새로운 배열 ();
xy = 새로운 배열 ();
xx = 새로운 배열 ();
xs = 새로운 배열 ();
xa = 새로운 배열 ();
xb = 새로운 배열 ();
ini = new Array ();
document.write ( '<div id = "sdiv"style = "위치 : 절대; 상단 : 0px; 왼쪽 : 0px"> <div style = "위치 : 상대">');
for (i = 0; i <xl; i ++) {
document.write ( '<div id = "div"style = "위치 : 절대; 상단; 상단 : 0; 왼쪽 : 0; 너비 : 5px; 높이 : 5px;'+'font-size : 10px; color : #ffffff">.
}
document.write ( '</div> </div>');
함수 set () {
for (i = 0; i <xl; i ++) {
전송 (i)
xf [i] = xw/14;
}
}
함수 할당 () {
sdiv.style.top = document.body.scrolltop;
for (i = 0; i <xl; i ++) {
xf [i]-= xs [i]*25;
if (xf [i] <4) xf [i] = 3;
div [i] .style.top = xy [i];
div [i] .style.left = xx [i];
div [i] .style.fontsize = xf [i];
}
}
함수 fly () {
xmy = window.document.body.clientHeight/2;
xmx = window.document.body.clientWidth/2;
xwd = math.round (math.random ()*40+5);
xhd = math.round (math.random ()*30+5);
for (i = 0; i <xl; i ++) {
xy [i] = xa [i]+= (xmy-xa [i])*(xs [i]);
xx [i] = xb [i]+= (xmx-xb [i])*(xs [i]);
if ((xx [i]> xmx-xwd) && (xx [i] <xmx+xwd) && (xy [i]> xmy-xhd) && (xy [i] <xmy+xhd)) {
전송 (i)
}
if ((xx [i] <0) || (xx [i]> xw) || (xy [i] <0) || (xy [i]> xh) {
xf [i] = xw/14;
}
}
양수인();
settimeout ( 'fly ()', 1);
}
기능 전송 (i) {
xh = window.document.body.offsetheight;
XW = Window.document.body.offsetWidth;
xa [i] = math.round (math.random ()*xh);
xb [i] = math.round (math.random ()*xw);
xs [i] = math.random ()*0.05+0.05;
xr = math.round (math.random ()*3);
xe = math.round (math.random ()*50+50);
if (xr == 3) xb [i] = -xe;
if (xr == 2) xb [i] = xw+xe;
if (xr == 1) xa [i] = -xe;
if (xr == 0) xa [i] = xh;
}
세트();
파리();
</스크립트>
</body>
</html> </td>
</tr>
</테이블>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.