?7 html,body{width: 100%;height: 100%;}

?8 body{

?9 background: #000;

?10 overflow: hidden;

?11 margin: 0;

?12 padding: 0;

?13 }

?14

?17

?18

?19 var cvs=document.getElementById("cvs");

?20 var ctx=cvs.getContext("2d");

?21 var cw=cvs.width=document.body.clientWidth;

?22 var ch=cvs.height=document.body.clientHeight;

?23 //?

?24 var requestAnimationFrame=window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;

?25 var codeRainArr=[]; //?

?26 var cols=parseInt(cw/14); //?

?27 var step=16 ; //?

?28 ctx.font=" 14px microsoft yahei"; //?壬?

?29 //?

?30 function createCodeRain(){

?31 for (var n=0; n

?32 var col=[];

?33 //?λ?λ

?34 var basePos=parseInt(Math.random()*300);

?35 //? 3~13?

?36 var speed=parseInt(Math.random()*10) 3;

?37 //?x?λ?

?38 var colx=parseInt(Math.random()*cw)

?39 for (var i=0; i

?40 var code={

?41 x : colx,

?42 y : -(step*i)-basePos,

?43 speed : speed,

?44 text : parseInt(Math.random()*10)%2==0 0 : 1 //?0?1

?45 // text :["a","b","c","d","e","f","g","h","o","s","x"][parseInt(Math.random()*11)]//?е?

?46 }

?47 col.push(code);

?48 }

?49 codeRainArr.push(col);

?50 }

?51 }

?52 //?

?53 function codeRaining(){

?54 //?

?55 ctx.clearRect(0,0,cw,ch);

?56 for (var n=0; n

?57 //?

?58 col=codeRainArr[n];

?59 //?У?е?

?60 for (var i=0; i

?61 var code=col[i];

?62 if(code.y > ch){

?63 //?±?

?64 code.y=0;

?65 }else{

?66 //?

?67 code.y =code.speed;

?68 }

?69 //?仯

?70 ctx.fillStyle="hsl(" (parseInt(Math.random()*359) 1) ",30%," (50-i*2) "%)";

?71 //?

?72 ctx.fillText(code.text,code.x,code.y);

?73 }

?74 }

?75 requestAnimationFrame(codeRaining);

?76 }

?77 //?

?78 createCodeRain();

?79 //? GO>>

?80 requestAnimationFrame(codeRaining);

?81

?82