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

    //禁止刷新提示window.onbeforeunload = function() { var n = window.event.screenX - window.screenLeft; var b ...

  2. PAT 1060 爱丁顿数

    https://pintia.cn/problem-sets/994805260223102976/problems/994805269312159744 英国天文学家爱丁顿很喜欢骑车.据说他为了炫耀 ...

  3. webservice(二)简单实例

    1.建立WSDL文件      建立WSDL的工具很多,eclipse.zendstudio.vs都可以,我个人建议自己写,熟悉结构,另外自动工具对xml schame类型支持在类型中可能会报错. 下 ...

  4. [转帖]技术扫盲：新一代基于UDP的低延时网络传输层协议——QUIC详解

    技术扫盲:新一代基于UDP的低延时网络传输层协议——QUIC详解    http://www.52im.net/thread-1309-1-1.html   本文来自腾讯资深研发工程师罗成的技术分享, ...

  5. linux ls文件颜色和底色设置

    转帖 :linux ls文件颜色和底色设置 白色:表示普通文件蓝色:表示目录绿色:表示可执行文件红色:表示压缩文件浅蓝色:链接文件红色闪烁:表示链接的文件有问题黄色:表示设备文件灰色:表示其他文件 这 ...

  6. vsftpd重启失败解决方法

    vsftpd dead,but subsys locked vsftpd已死,但是subsys被锁 关于VSFTPD服务器重启失败,研究了一晚上,当virtual_use_local_privs=ye ...

  7. linux 进程guanl管理的常用几个命令

    执行中的程序在称作进程.当程序以可执行文件存放在存储中,并且运行的时候,每个进程会被动态得分配系统资源.内存.安全属性和与之相关的状态.可以有多个进程关联到同一个程序,并同时执行不会互相干扰.操作系统 ...

  8. P3850 [TJOI2007]书架

    题目描述 Knuth先生家里有个精致的书架,书架上有N本书,如今他想学到更多的知识,于是又买来了M本不同的新书.现在他要把新买的书依次插入到书架中,他已经把每本书要插入的位置标记好了,并且相应的将它们 ...

  9. P4417 [COCI2006-2007#2] STOL

    题目描述 米尔科买了一套别墅,他想要邀请尽量多的人和他一起庆祝.他需要一张大的木质矩形桌子来让他和他的嘉宾坐下.每张桌子可容纳的人数等于它的周长(四边长度的总和).米尔科想要买一张即可在他的公寓里放下 ...

  10. Musical Theme POJ - 1743（后缀数组+二分）

    求不可重叠最长重复子串 对于height[i]定义为sa[i]和 sa[i-1]的最长公共前缀 这个最长公共前缀的值肯定是最大的 证明: 设rank[j] < rank[k], 则不难证明后缀j ...