한국어
<!--完整的HTML代码如下--> <html> <head> <title>精美的页face下雨效果적网页特效</title> </head> <body> <script 언어="JavaScript"> < !-- var no = 50; var 속도 = 1; var ns4up = (document.layers) ? 1:0; var ie4up = (document.all) ? 1:0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = 새로운 배열(); y = 새로운 배열(); r = 새로운 배열(); cx = 새로운 배열(); cy = 새로운 배열(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<레이어 이름="dot"+ i +"" left="1" "); document.write("top="1" visible="show"><font color="red">"); document.write(",</font></layer>"); } else { document.write("<레이어 이름="dot"+ i +"" left="1" "); document.write("top="1" visible="show"><font color="red">"); document.write(",</font></layer>"); } }//http://www.downcodes.com의 추가 자바스크립트 else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style ="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><글꼴 color="빨간색">"); document.write(",</font></div>"); } else { document.write("<div id="dot"+ i +"" style="위치: "); document.write("absolute; Z-INDEX: "+ i +"; 가시성: "); document.write("visible; 위쪽: 15px; 왼쪽: 15px;"><font color="red">"); document.write(",</font></div>"); } } } 함수 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]; } 함수 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]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", 속도); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); 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()", 속도); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } --> </script> </body> </html>
