【雪花片片】語法C45
【語法】
<body bgcolor="#000000" onLoad="snow()"> <SCRIPT language=JavaScript> <!-- N = 50; Y = new Array(); X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array(); V = (document.layers)?1:0; iH=(document.layers)?window.innerHeight:window.document.body.clientHeight; iW=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < N; i++){ Y[i]=Math.round(Math.random()*iH); X[i]=Math.round(Math.random()*iW); S[i]=Math.round(Math.random()*5+2); A[i]=0; B[i]=Math.random()*0.1+0.1; M[i]=Math.round(Math.random()*1+1); } if (V){ for (i = 0; i < N; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")} } else{ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < N; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')} document.write('</div></div>'); } function snow(){ var H=(document.layers)?window.innerHeight:window.document.body.clientHeight; var W=(document.layers)?window.innerWidth:window.document.body.clientWidth; var T=(document.layers)?window.pageYOffset:document.body.scrollTop; var L=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < N; i++){ sy=S[i]*Math.sin(90*Math.PI/180); sx=S[i]*Math.cos(A[i]); Y[i]+=sy; X[i]+=sx; if (Y[i] > H){ Y[i]=-10; X[i]=Math.round(Math.random()*W); M[i]=Math.round(Math.random()*1+1); S[i]=Math.round(Math.random()*5+2); } if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T} else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T} A[i]+=B[i]; } setTimeout('snow()',50); } --> </SCRIPT> <div style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <div style="POSITION: relative"> <div id="si" style="font-size: 1px; left: 496px; width: 1px; position: absolute; top: 284px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 873px; width: 2px; position: absolute; top: 16px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 427px; width: 2px; position: absolute; top: 458px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 1007px; width: 2px; position: absolute; top: 449px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 211px; width: 2px; position: absolute; top: -1px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 575px; width: 2px; position: absolute; top: 81px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 803px; width: 2px; position: absolute; top: 538px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 793px; width: 2px; position: absolute; top: 80px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 557px; width: 2px; position: absolute; top: 191px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 773px; width: 2px; position: absolute; top: 586px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 630px; width: 1px; position: absolute; top: 521px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 318px; width: 2px; position: absolute; top: 320px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 191px; width: 2px; position: absolute; top: 554px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 752px; width: 1px; position: absolute; top: 0px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 939px; width: 1px; position: absolute; top: 596px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 64px; width: 1px; position: absolute; top: 347px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 171px; width: 1px; position: absolute; top: 464px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 239px; width: 1px; position: absolute; top: 102px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 532px; width: 2px; position: absolute; top: 152px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 65px; width: 1px; position: absolute; top: 160px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 326px; width: 2px; position: absolute; top: 302px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 1057px; width: 2px; position: absolute; top: 140px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 1015px; width: 2px; position: absolute; top: 590px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 447px; width: 2px; position: absolute; top: 346px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 145px; width: 1px; position: absolute; top: 138px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 1014px; width: 2px; position: absolute; top: 430px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 485px; width: 1px; position: absolute; top: 302px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 264px; width: 2px; position: absolute; top: 566px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 390px; width: 2px; position: absolute; top: 394px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 511px; width: 1px; position: absolute; top: 64px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 272px; width: 2px; position: absolute; top: 76px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 617px; width: 1px; position: absolute; top: 107px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 1037px; width: 1px; position: absolute; top: 590px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 571px; width: 1px; position: absolute; top: 166px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 507px; width: 2px; position: absolute; top: 36px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 1012px; width: 1px; position: absolute; top: 94px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 955px; width: 1px; position: absolute; top: 238px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 662px; width: 1px; position: absolute; top: 317px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 569px; width: 1px; position: absolute; top: 53px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 330px; width: 1px; position: absolute; top: 542px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 835px; width: 2px; position: absolute; top: 212px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 149px; width: 1px; position: absolute; top: 326px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 1084px; width: 2px; position: absolute; top: 125px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 909px; width: 2px; position: absolute; top: 398px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 101px; width: 2px; position: absolute; top: 590px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 370px; width: 2px; position: absolute; top: 302px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 494px; width: 2px; position: absolute; top: 548px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 2px; left: 121px; width: 2px; position: absolute; top: 96px; height: 2px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 822px; width: 1px; position: absolute; top: 186px; height: 1px; background: #fffff0"></div> <div id="si" style="font-size: 1px; left: 854px; width: 1px; position: absolute; top: 230px; height: 1px; background: #fffff0"></div> </div> </div> </body>
在N=50;中改變雪花的數量 在setTimeout('snow()',50);中改變雪花落下的速度