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

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

  3. 关爱码农成长：关于写代码二三事

    2019独角兽企业重金招聘Python工程师标准>>> 工作这么多年以来,一直从事软件相关领域,即使担任主管职务,也一直对技术充满热情.写代码写了这么多年,多少有些体会.我把自己对写 ...

  4. python缩进tab还是空格_Python码农有话说：写代码时应该缩进使用 tab还是空格？...

    对于程序员来说,其实 Tab和 空格远远不只是"立场"问题那么简单. 在不同的编辑器里tab的长度可能不一致,所以在一个编辑器里用tab设置缩进后,在其它编辑器里看可能缩进就乱了. ...

  5. python程序员幽默段子_谁说码农不懂幽默？只有程序员才看得懂的段子

    程序员干的工作很枯燥,他们需要段子来消遣,其实他们也很幽默,很风趣的.程序员作为高智商.高收入.高压力群体,经常会有各种自嘲,而且还天生携带段子手基因.不信看看下面这些段子,一般人哪能懂!谁说程序员无 ...

  6. python和java段子_python程序员幽默段子_谁说码农不懂幽默？只有程序员才看得懂的段子...

    程序员干的工作很枯燥,他们需要段子来消遣,其实他们也很幽默,很风趣的.程序员作为高智商.高收入.高压力群体,经常会有各种自嘲,而且还天生携带段子手基因.不信看看下面这些段子,一般人哪能懂!谁说程序员无 ...

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

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

  8. 前端笔试能查吗_老码农的字节跳动前端面试总结

    有幸得到猎头推荐参加字节跳动工程效率部的前端面试,为此准备了一周的时间,面试前内心十分忐忑,略微有些小紧张. 由于是下午面试,所以早早起床,翻出许多年前购买的,几近翻烂的<JavaScript设 ...

  9. 码农翻身全年文章精华

    在码农翻身公众号写了一年多, 最大的体会就是:原创真心不易! 每天思考的最大问题就是: 下一篇文章写啥? 在大家的支持和鼓励下,还是坚持了下来,  回头看看走过的路,这一年过得还算充实. 很快就要过年 ...

最新文章

  1. java.io.EOFException java.io.ObjectInputStream$PeekInputStream.readFully 错误
  2. java原子变量的作用_AtomicInteger原子类的作用介绍（代码示例）
  3. EasyMock 使用方法与原理剖析--转载
  4. Linux Shell实例精讲学习笔记
  5. 计算机使用技巧爆文,关于小红书爆文的10个小技巧
  6. 使用CAtlRegExp正则表达式检查浮点数输入
  7. 双11特刊｜购物车实时显示到手价，看云原生内存数据库Tair如何提升用户体验？
  8. php socket keepalive,使用keepalive和fastcgi_keep_conn打开Nginx php-fpm时出错
  9. FullCalendar 的学习笔记（一）
  10. Codechef Black Nodes in Subgraphs（树型背包）
  11. Java笔记（1）黑马刘意_Java入门_2019_idea版
  12. java编程思想练习题_java编程思想练习题答案.doc
  13. 十六进制转二进制c语言程序,c语言中十六进制转为二进制
  14. matlab刻度字体,matlab 设置横纵坐标刻度的字体！！
  15. 网页版飞信(Fetion)的安全问题
  16. 组成原理 - 内存颗粒分类(ram,rom)
  17. Vulkan教程（官方教程翻译版）
  18. 如何使用宝塔搭建个人网站
  19. 虚拟机开启系统蓝屏报错：“终止代码：SYSTEM_SERVICE_ECXEPTION“
  20. 解决github :error: failed to push some refs to 问题

热门文章

  1. 【OpenCV计算机视觉基础】HSB的色调、饱和度和亮度概念
  2. 我的世界Java版最大村庄_我的世界19w11a：详解MC全新村庄机制，我已经准备好重开存档了！...
  3. 【练习赛】2022年高教杯数学建模C题（第一题的第一小问）
  4. R12 Customer新建或更新时的工作过程 - DQM Serial Sync Index Program
  5. 来听听外国UX设计师的22句话
  6. 光照相关 shader
  7. 中小企业的公司财务管理系统
  8. 支付宝推出AR实景红包，开启红包新玩法！
  9. 扇贝python课程打卡_Learning by doing——百日“扇贝打卡” 历程展望
  10. 虚拟 DOM 是什么 有什么优缺点