一直被老婆抱怨不懂浪漫，老婆的生日又来了，老婆指着闺蜜空间上贴的老公做的胡萝卜心形浪漫晚餐告诉我：必须送她一份用心的礼物。我绞尽脑汁想出这么一法子，还是得用我们码农的独特方式，经过一天多的努力，终于做完了，来给大家晒一下,一共三个特效 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;

谁说码农不懂浪漫？（js写的'老婆生日快乐'特效）的更多相关文章

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

    一直被老婆抱怨不懂浪漫,老婆的生日又来了,老婆指着闺蜜空间上贴的老公做的胡萝卜心形浪漫晚餐告诉我:必须送她一份用心的礼物.我绞尽脑汁想出这么一法子,还是得用我们码农的独特方式,经过一天多的努力,终于做 ...

  2. 用JS写的无缝滚动特效

    代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta ...

  3. 从码农升为PM（节约成本）

    做为一个码农的潜规则,用户怎么要求怎么写,不论过程只论是否符合要求以及减少bug的存在,虽然bug随时会出现,这就是码农,一直以来都说码农分很多种但个人认为就是一种,原因是码农不懂的换位思考,不懂的在 ...

  4. 如何使用 js 写一个正常人看不懂的无聊代码

    如何使用 js 写一个正常人看不懂的无聊代码 代码质量, 代码可读性, 代码可维护性, clean code WAT js WTF https://www.destroyallsoftware.com ...

  5. 带码农《手写Mybatis》进度3：实现映射器的注册和使用

    作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获!

  6. 【整理】待毕业.Net码农就业求职储备

    声明:本文题目来源于互联网,仅供即将从学校毕业的.Net码农(当然,我本人也是菜逼一个)学习之用.当然,学习了这些题目不一定会拿到offer,但是针对就业求职做些针对性的准备也是不错的.此外,除了技术 ...

  7. 老码农教你在 StackOverflow 上谈笑风生

    作为一个高大上的码农,你肯定用到过 StackOverflow,必须的.会有人否定这个断言么?那他恐怕不是真正的码农,或者说还没入门.StackOverflow 对于码农的重要性,基本就和诸葛亮对刘备 ...

  8. .net 码农转战 iOS - 初探

    好久没写博客了,之前还打算把毕业设计中涉及到的两个算法拿出来说说(脸型分析 + 声音分析),博文都写了一半了,后来实在太忙了,那篇随笔也就沉在草稿列表中没动过. 我原先是专职 .net 开发的,在公司 ...

  9. 《码农周刊》干货精选（Python 篇）

    <码农周刊>已经累计发送了 38 期,我们将干货内容进行了精选.此为 Python 篇. <码农周刊>往期回顾:http://weekly.manong.io/issues/ ...

随机推荐

  1. golang build 的简单用法.(菜鸟初学)

    1. golang 里面的 go build 可以编译代码. go build helloworld.go 2. 这里面有一个注意事项事项. 如果引用非go语言的 内置package的话 需要在环境变 ...

  2. YARN结构分析与工作流程

    YARN Architecture Link: http://hadoop.apache.org/docs/r2.7.2/hadoop-yarn/hadoop-yarn-site/YARN.html ...

  3. Codeforces 1060 F. Shrinking Tree

    题目链接 一道思维好题啊...感觉这种类型的题很检验基本功是否扎实(像我这样的就挂了). 题意:你有一棵\(n\)个点的树,每次随机选择一条边,将这条边的两个端点合并,并随机继承两个点标号中的一个,问 ...

  4. SpringBoot项目部署进阶

    一.war包部署 通过“云开发”平台初始化的SpringBoot项目默认采用jar形式打包,这也是我们推荐的方式.但是,因为某些原因,软件需求方特别要求用war形式打包,我们该怎么做? 1.项目尚未开 ...

  5. 【BZOJ3622】已经没有什么好害怕的了（动态规划，容斥）

    [BZOJ3622]已经没有什么好害怕的了(动态规划,容斥) 题面 BZOJ 题解 很明显的,这类问题是要从至少变成恰好的过程,直接容斥即可. 首先我们要求的是(糖果>药片)=(药片>糖果 ...

  6. 51nod 1293 球与切换器 | DP

    51nod 1293 球与切换器 | DP 题面 有N行M列的正方形盒子.每个盒子有三种状态0, -1, +1.球从盒子上边或左边进入盒子,从下边或右边离开盒子.规则: 如果盒子的模式是-1,则进入它 ...

  7. 一种KEIL中定义过的变量在使用中提示未定义的情况

    [环境] > KEIL5.25 > win10 > @2018-4-23 [问题] 头文件互包含导致的错误(使用了另一文件的类型定义) 文件<fileA.h> <f ...

  8. JS的异步

    1.异步 程序中现在运行的部分和将来运行的部分之间的关系是异步编程的核心. 多数JavaScript开发者从来没有认真思考过自己程序中的异步到底是如何出现的,以及为什么会出现,也没有探索过处理异步的其 ...

  9. 解题：ZJOI 2015 幻想乡战略游戏

    题面 神**所有点都爆int,我还以为我写出什么大锅了,不开long long见祖宗... 动态点分治利用点分树树高不超过log的性质,我们对每个点维护一个子树和,一个点分树子树和,一个点分树上父亲的 ...

  10. 解题：CQOI 2015 选数

    题面 神仙题,不需要反演 首先上下界同时除以$k$,转换成取$n$个$gcd$为$1$的数的方案数,其中上界向下取整,下界向上取整 然后设$f[i]$表示选$n$个互不相同的数$gcd$为$i$的方案 ...