中文(繁体)
<!--完整的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>
