中文(简体)
<!--完整的HTML如下--> <html> <head> <title>精美的页面下雨效果的网页效果代码</title> </head> <body> <script language="JavaScript"> < !-- 变量号 = 50;无功速度= 1； var ns4up = (文档.层) ? 1：0； var ie4up = (文档.all) ? 1：0； var s、x、y、sn、cs； var a、r、cx、cy； var i, doc_width = 800, doc_height = 600;如果 (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"visibility="show"><font color="red">"); document.write(",</font></layer>"); } else { document.write("<图层名称="dot"+ i +"" left="1" "); document.write("top="1"visibility="show"><font color="red">"); document.write(",</font></layer>"); } }//更多来自http://www.downcodes.com的javascript else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style ="位置: "); document.write("绝对; Z-INDEX: "+ i +"; 可见性: "); document.write("可见; 顶部: 15px; 左边: 15px;"><font颜色="红色">");文档.write(",</font></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("绝对; Z-INDEX: "+ i +"; 可见性: "); document.write("可见; 顶部: 15px; 左侧: 15px;"><font color="red">");文档.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]; } 函数 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()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } --> </script> </body> </html>
