谁说码农不懂浪漫？js写的'老婆生日快乐'特效

布满荆棘的人生 2022-01-07 23:35 202阅读 0赞

一直被老婆抱怨不懂浪漫，老婆的生日又来了，老婆指着闺蜜空间上贴的老公做的胡萝卜心形浪漫晚餐告诉我：必须送她一份用心的礼物。我绞尽脑汁想出这么一法子，还是得用我们码农的独特方式，经过一天多的努力，终于做完了，来给大家晒一下,一共三个特效 1,六个字单列从右侧飞入；2，六个字闪烁；3，六个字连续从右侧飞入（类似电子字幕的滚动特效）下面有附件，大家轻拍。基本原理，生成一个20行20列的table，400个小格子当屏幕，按照每个字的形状生成0,1数组，如果单元格需要显示，填入心形图片，否则填充透明图片，动画的时候一帧即为1个长度为400的数据，一共5\*6+120\*20+210\*6帧\*400个0和1，：

![df542366-7bf9-3684-ab38-141e0afc09e6.jpg][]

![0213b1af-9906-3df6-9563-659030d0ed00.jpg][]  
  
![e1121a57-1094-3f58-96f3-7da9e0c8f433.jpg][]  
  
![50736b26-aab2-32e0-b817-3ec3eb899e9b.jpg][]  
  
![71250244-7474-3d74-99bd-6038a9355910.jpg][]  
目前只在ie8下测试通过，

<title> 老婆，生日快乐！ </title><meta name="Generator" content="EditPlus">  
<meta name="Author" content="">  
<meta name="Keywords" content="">  
<meta name="Description" content="">  
<table id="t">  
<tr>  
<td class="td" width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
<tr>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
<td width="20px" height="20px"> <img width="20px" height="20px" src="b.jpg">  
</td>  
</tr>  
</table><script>  
//定时器  
function Sleeper()  
  
\{  
  
var self = this;  
self.step = 0;  
self.actions = \[\];  
self.ts = \[\];  
self.push = function(func,t) \{  
self.actions.push(func);  
self.ts.push(t);  
return self;  
\}  
self.run\_next = function() \{  
  
if (self.step < self.actions.length) \{  
  
var action = self.actions\[self.step\];  
  
action();  
\++self.step;  
setTimeout(self.run\_next, self.ts\[self.step\]);  
  
  
  
  
\}  
  
\}  
  
self.run = function() \{  
  
self.run\_next();  
  
\}  
  
return self;  
  
\}  
//汉字排列  
var lao ='0,0,0,0,0,0,0,0,0,1,1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,1,1,0,1,1,0,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0';  
var po = '0,0,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,0,0,0,0,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,1,1,0,0,1,1,1,1,0,0,0,1,0,0,0,0,1,1,0,0,1,1,0,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0,0,1,0,0,1,0,0,0,0,0,0,0,1,1,0,0,0,1,0,0,1,1,0,0,1,1,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,1,1,1,1,0,0,0,0';  
var sheng ='0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0';  
var ri ='0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0';  
var kuai ='0,0,0,1,1,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,1,1,0,1,1,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,1,1,0,1,1,0,0,0,0,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,1,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,0,0,0,0,1,1,1,0,0,1,1,1,0,0,0,0,0,0,1,1,0,0,0,1,1,1,0,0,0,0,1,1,1,0,0,0,0,0,1,1,0,0,1,1,1,0,0,0,0,0,0,1,1,1,0,0,0,0,1,1,0,1,1,1,0,0,0,0,0,0,0,0,1,1,1,0,0,0,1,1,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,1,1,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,1,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1';  
var le ='0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,1,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,1,1,0,0,1,1,0,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0,0,0,1,1,0,0,0,0,0,0,0,0,1,1,0,0,0,1,1,0,0,0,0,1,1,0,0,0,0,0,0,1,1,0,0,0,0,1,1,0,0,0,0,0,1,1,0,0,0,1,1,1,0,0,0,0,0,1,1,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0';  
  
var t = document.getElementById('t');  
var cells = t.cells;  
var shengA = sheng.split(',');  
var riA = ri.split(',');  
var kuaiA = kuai.split(',');  
var leA = le.split(',');  
var laoA = lao.split(',');  
var poA = po.split(',');  
  
var colArr = new Array();  
  
//把汉字的0、1排列换算成纵向的数组，为横向滚动做准备  
function leftScroll(zi)\{  
var a1=new Array(20);  
var a2=new Array(20);  
var a3=new Array(20);  
var a4=new Array(20);  
var a5=new Array(20);  
var a6=new Array(20);  
var a7=new Array(20);  
var a8=new Array(20);  
var a9=new Array(20);  
var a10=new Array(20);  
var a11=new Array(20);  
var a12=new Array(20);  
var a13=new Array(20);  
var a14=new Array(20);  
var a15=new Array(20);  
var a16=new Array(20);  
var a17=new Array(20);  
var a18=new Array(20);  
var a19=new Array(20);  
var a20=new Array(20);  
for(var i=0;i<20;i++)\{  
a1\[i\]=zi\[i\*20+0\];  
a2\[i\]=zi\[i\*20+1\];  
a3\[i\]=zi\[i\*20+2\];  
a4\[i\]=zi\[i\*20+3\];  
a5\[i\]=zi\[i\*20+4\];  
a6\[i\]=zi\[i\*20+5\];  
a7\[i\]=zi\[i\*20+6\];  
a8\[i\]=zi\[i\*20+7\];  
a9\[i\]=zi\[i\*20+8\];  
a10\[i\]=zi\[i\*20+9\];  
a11\[i\]=zi\[i\*20+10\];  
a12\[i\]=zi\[i\*20+11\];  
a13\[i\]=zi\[i\*20+12\];  
a14\[i\]=zi\[i\*20+13\];  
a15\[i\]=zi\[i\*20+14\];  
a16\[i\]=zi\[i\*20+15\];  
a17\[i\]=zi\[i\*20+16\];  
a18\[i\]=zi\[i\*20+17\];  
a19\[i\]=zi\[i\*20+18\];  
a20\[i\]=zi\[i\*20+19\];  
\}  
colArr.push(a1);  
colArr.push(a2);  
colArr.push(a3);  
colArr.push(a4);  
colArr.push(a5);  
colArr.push(a6);  
colArr.push(a7);  
colArr.push(a8);  
colArr.push(a9);  
colArr.push(a10);  
colArr.push(a11);  
colArr.push(a12);  
colArr.push(a13);  
colArr.push(a14);  
colArr.push(a15);  
colArr.push(a16);  
colArr.push(a17);  
colArr.push(a18);  
colArr.push(a19);  
colArr.push(a20);  
\}  
  
//老婆生日快乐六个子各自闪烁3次，5\*6帧  
function addShan(s)\{  
s.push(new Function(getfunctionStr('laoA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('laoA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('laoA')),250);  
  
s.push(new Function(getClearStr()),1500);  
s.push(new Function(getfunctionStr('poA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('poA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('poA')),250);  
  
s.push(new Function(getClearStr()),1500);  
s.push(new Function(getfunctionStr('shengA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('shengA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('shengA')),250);  
  
s.push(new Function(getClearStr()),1500);  
s.push(new Function(getfunctionStr('riA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('riA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('riA')),250);  
  
s.push(new Function(getClearStr()),1500);  
s.push(new Function(getfunctionStr('kuaiA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('kuaiA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('kuaiA')),250);  
  
s.push(new Function(getClearStr()),1500);  
s.push(new Function(getfunctionStr('leA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('leA')),250);  
s.push(new Function(getClearStr()),250);  
s.push(new Function(getfunctionStr('leA')),250);  
\}  
  
var nArr = new Array();  
function loop()\{  
var s = new Sleeper();  
//每个字的纵列单列从右飞到左侧，一共210\*6帧  
for(var i=0;i<nArr.length;i++)\{  
if(i>0 && (i%210==0))\{  
s.push(new Function(getClearStr()),1500);  
\}  
s.push(new Function(getfunctionStr('nArr\['+i+'\]')),100);  
// s.push(new Function(getClearStr()),100);  
\}  
  
addShan(s);  
s.push(new Function(getClearStr()),1500);  
for(var i=0;i<colArr.length;i++)\{  
s.push(new Function(getZi(i)),280);  
\}  
  
  
  
  
  
s.run();  
\}  
  
//清除图片  
function getClearStr()\{  
return "for(var i=0;i<400;i++)\{ cells\[i\].firstChild.src='b.jpg';\}";  
\}  
//根据字的0,1排列更新画面  
function getfunctionStr(arr)\{  
return "for(var i=0;i<400;i++)\{if("+arr+"\[i\]==1)\{cells\[i\].firstChild.src='h.gif';\}else\{ cells\[i\].firstChild.src='b.jpg'\}\}";  
\}  
  
function getZi(n)\{  
return "for(var i=0;i<400;i++)\{ var yu = i%20; var shang = parseInt(i/20); if(yu+"+n+">=19)\{ if(colArr\[yu+"+n+"-19\]\[shang\]==1)\{ cells\[i\].firstChild.src='h.gif';\}else\{cells\[i\].firstChild.src='b.jpg'; \} \}\}";  
\}  
  
//获取一个字的第n列的第m帧的0,1排列  
function getLeft(zi,colIndex,zhenIndex)\{  
var leftArr = new Array(400);  
  
for(var i=0;i<400;i++)\{  
leftArr\[i\]=0;  
var shang = parseInt(i/20);  
var yu = i%20;  
if(yu==(19-zhenIndex) )\{  
leftArr\[i\] = zi\[shang\*20+colIndex\];  
\}else if(yu<(19-zhenIndex))\{  
if(yu<(colIndex))\{  
leftArr\[i\] = zi\[i\];  
\}  
  
\}  
\}  
nArr.push(leftArr);  
\}  
  
leftScroll(laoA);  
leftScroll(poA);  
leftScroll(shengA);  
leftScroll(riA);  
leftScroll(kuaiA);  
leftScroll(leA);  
  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(laoA,i,ii);  
\}  
\}  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(poA,i,ii);  
\}  
\}  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(shengA,i,ii);  
\}  
\}  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(riA,i,ii);  
\}  
\}  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(kuaiA,i,ii);  
\}  
\}  
for(var i=0;i<20;i++)\{  
for(var ii=0;ii<(20-i);ii++)\{  
getLeft(leA,i,ii);  
\}  
\}  
  
loop();  
  
  
</script>

转载于:https://www.cnblogs.com/ranran/p/romantic\_programmer.html

[df542366-7bf9-3684-ab38-141e0afc09e6.jpg]: /images/20211220/113abc74f73841c18df5a0c871ff1404.png
[0213b1af-9906-3df6-9563-659030d0ed00.jpg]: /images/20211220/52db07850ea0464cb577ab2da04936f5.png
[e1121a57-1094-3f58-96f3-7da9e0c8f433.jpg]: /images/20211220/9f0d1add621349c9bb77000bc9a7c5fc.png
[50736b26-aab2-32e0-b817-3ec3eb899e9b.jpg]: /images/20211220/39dad8e1e0cf4945884a913f0dc89425.png
[71250244-7474-3d74-99bd-6038a9355910.jpg]: /images/20211220/a72602c9e43f4c98888cab7935e53808.png