码农的浪漫（js写的'老婆生日快乐'特效）

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










目前只在ie8下测试通过，



  <title> 老婆，生日快乐！ </title>&lt;meta name="Generator" content="EditPlus"&gt;
&lt;meta name="Author" content=""&gt;
&lt;meta name="Keywords" content=""&gt;
&lt;meta name="Description" content=""&gt;
&lt;!-- &lt;bgsound src="生日快乐歌.mp3" loop="-1"&gt;--&gt;<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>&lt;script&gt;
  //定时器
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 &lt; 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&lt;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&lt;nArr.length;i++){
if(i&gt;0 &amp;&amp; (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&lt;colArr.length;i++){
s.push(new Function(getZi(i)),280);
}





s.run();
}
 
//清除图片 
function getClearStr(){
return "for(var i=0;i&lt;400;i++){ cells[i].firstChild.src='b.jpg';}";
}
//根据字的0,1排列更新画面
function getfunctionStr(arr){
return "for(var i=0;i&lt;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&lt;400;i++){ var yu = i%20; var shang = parseInt(i/20); if(yu+"+n+"&gt;=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&lt;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&lt;(19-zhenIndex)){
if(yu&lt;(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&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(laoA,i,ii);
}
}
for(var i=0;i&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(poA,i,ii);
}
}
for(var i=0;i&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(shengA,i,ii);
}
}
for(var i=0;i&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(riA,i,ii);
}
}
for(var i=0;i&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(kuaiA,i,ii);
}
}
for(var i=0;i&lt;20;i++){
for(var ii=0;ii&lt;(20-i);ii++){
getLeft(leA,i,ii);
}
}

loop();


  &lt;/script&gt;

评论

5 楼 nannan408 2014-07-24  

对你的浪漫还是要支持下，但这 代码 。。

4 楼 justjavac 2013-11-18  

http://www.zhihu.com/question/21082867/answer/17128890

3 楼 airball 2013-11-16  

不负码农之名。

2 楼 zyn010101 2013-11-16  

cgs1999 写道

心意很好 ，不过忍不住还是要说两句，这抓图效果太差 ，代码也比较菜 ，考虑优化一下相关的代码

已经把老婆哄高兴了，哈哈

1 楼 cgs1999 2013-11-16  

心意很好 ，不过忍不住还是要说两句，这抓图效果太差 ，代码也比较菜 ，考虑优化一下相关的代码