|
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" S( P& l7 |. Q9 `+ C |
- <html xmlns="http://www.w3.org/1999/xhtml">' N) L" t) a6 c8 ]: v, g6 U8 p
- <head>
. w3 _& W! C& u7 ~; h1 s, g2 Y - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />- I& l+ O5 q* u/ B7 I; N0 ~7 W
- <titl>黑客帝国代码雨</title>- \( t$ C" V& p( C$ h
- </head>4 B' t* e1 _/ Z; q# X: M% J
- <body>
7 J: |. ?/ x- g% [1 n
) C; q% c7 f8 l6 k3 G, x3 e- <style type="text/css"># ? e9 C6 x# R1 \$ r
- *{margin:0;padding:0;list-style-type:none;}
7 S$ `, i0 Y+ M+ H/ v# Q - a,img{border:0;}
; i3 }8 p! j2 z' A: H9 ?( p - body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";overflow:hidden;}0 V1 G, s8 b2 s8 ]# F
- </style>
( |( P7 x) @' h- p0 I
$ i, S$ v0 j0 O; `- <canvas id="q"></canvas>
0 o' f9 U& ~! E4 E0 t7 x& u
4 \5 T0 A" X( F9 r( S# ^: g, u- <script type="text/javascript" >
$ i3 }, o- R/ g; Q( Z - var s = window.screen;# n2 D* k- G, g
- var width = q.width = s.width;
" j- A% ~1 V5 S; @+ D - var height = q.height = s.height;
2 h+ H0 f! ~ v - var letters = Array(256).join(1).split('');
* e# W" a4 O2 A1 D n( D0 t - var draw = function () {6 {0 o0 I7 P S. C' N
- q.getContext('2d').fillStyle='rgba(0,0,0,.05)';
& x E: m! C0 k3 F7 w - q.getContext('2d').fillRect(0,0,width,height);
% z( A# U) h/ r, `) z- C - q.getContext('2d').fillStyle='#0F0';! N5 u. o7 D) M1 ^( x' K( }7 n9 e
- letters.map(function(y_pos, index){
& b _+ k' \) z# m9 O9 J* S' X - text ="01 01 0 10 01 01";, a6 E- y: y/ F! P: W* g
- x_pos = index * 10;
5 Y5 y" y9 p. h+ [3 i$ L ^1 F - q.getContext('2d').fillText(text, x_pos, y_pos);
6 h' O0 M# T( _; r - letters[index] = (y_pos > 758 + Math.random() * 1e4) ? 0 : y_pos + 10;
: X" t+ M% f' D) _ C. ` - });
& ~4 s' @! K2 ~0 Y$ c9 F - };0 Y _1 u. k- F$ h' Z1 p
- setInterval(draw, 33);
+ z }8 ]) a+ [6 p3 t' L; p7 K - </script>
W' Y; m F2 Y - . o5 `) [( V7 f ^/ F
- </body>
@4 c% V( \$ P! } - </html>% }4 y' N9 X8 j0 N
- 2 U, q8 x7 k, ?2 ?& I, x9 |
/ u% j3 F6 ^6 ?3 t6 U2 ^
' i2 o& F7 d) `
复制代码 |
|