Tip: you can modify some code before running
<html><head><title>Realistic page rain effect</title><style type="text/css"><!--body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }--></style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><script language="JavaScript"><!--var no = 50;var speed = 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;}elseif (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}x = new Array();y = new Array();r = new Array();cx = new Array();cy = new Array();s = 8;for (i = 0; i < no; ++ i) { initRain();if (ns4up) {if (i == 0) {document.write("<layer name="dot"+ i +"" left="1" ");document.write("top="1" visibility="show"><font color="red">");document.write(",</font></layer>");}else {document.write("<layer name="dot"+ i +"" left="1" ");document.write("top="1" visibility="show"><font color="red">");document.write(",</font></layer>"); }}else if (ie4up) {if (i == 0) {document.write("<div id="dot"+ i +"" );document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;"><font color="red">");document.write(",</font></div>");}else {document.write("<div id="dot"+ i +"" );document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;"><font color="red">");document.write(",</font></div>"); } }}function 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];}function 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()", speed);}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();}elseif (ie4up) {raindropIE();}--></script><br><br><center><font color=red face="隶书" size=6>Rain</font></center><br><br><center><table border=5 bordercolor=blue borderlight=green><tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>It's raining heavily !!!</strong></font></td></tr></table></center><br><br><center> <SCRIPT LANGUAGE="JavaScript"><!-- hidefunction goHist(a) { history.go(a);}//--></script></center><br><br><SCRIPT language=VBScript>Dim c, numgcc =-100000 numgc = document. body. sourceIndexsub SFc = c + 2Document. all (numgc ). style. backgroundPosition = "0" & cid = SetTimeOut ("SF", 64, "VBScript") end subSF</sCRIPT></body></html>
Tip: you can modify some code before running
