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

    最近研究了一下java9的新特性,也看完了<Modularity Programming in Java 9>,有一些收获写博客记录一下. 1.java9初探

  2. jenkins构建启动失败

    有一个项目,在启动的时候读取了环境变量,第一次写了一个启动脚本如下 #!/bin/bash --login jarFile=$ pid=`ps -ef | grep $jarFile | grep ' ...

  3. python基础（六）python操作excel

    一.python操作excel,python操作excel使用xlrd.xlwt和xlutils模块,xlrd模块是读取excel的,xlwt模块是写excel的,xlutils是用来修改excel的 ...

  4. try…catch 结构

    try…catch 结构 一旦发生错误,程序就中止执行了.JavaScript 提供了try...catch结构,允许对错误进行处理,选择是否往下执行. try { throw new Error(' ...

  5. poj 2299 Ultra-QuickSort（树状数组求逆序数）

    链接:http://poj.org/problem?id=2299 题意:给出n个数,求将这n个数从小到大排序,求使用快排的需要交换的次数. 分析:由快排的性质很容易发现,只需要求每个数的逆序数累加起 ...

  6. C# id 字符串之类的拼接

    背景 : id数组  [1,2,3,4,45,7] 要拼接字符串‘1’,‘2’,‘3’,看了同事自己写了代码 string+=‘,’ 之类的  头大 解决:string有静态函数 ,string.Jo ...

  7. Spring(1):Spring简介

    一句话概括: Spring是一种轻量级控制反转IoC和面向切面AOP的容器框架 初衷: 使用接口编程而不是类 为javabean提供一个更好的应用配置框架 javabean是一种规范而不是技术.是指符 ...

  8. P2236 [HNOI2002]彩票

    题目描述 某地发行一套彩票.彩票上写有1到M这M个自然数.彩民可以在这M个数中任意选取N个不同的数打圈.每个彩民只能买一张彩票,不同的彩民的彩票上的选择不同. 每次抽奖将抽出两个自然数X和Y.如果某人 ...

  9. 【原创】查询某个SQL在Oracle的会话

    select sql_Text,last_active_time from v$sql where sql_text like '%sql语句%'order by last_active_time

  10. 关于Swift中的泛函数find的问题

    对于一个数组Array,我们往往需要判断其是否包含某个子项,又或者要查找某个子项是否在这个数组中. 假设有这样一个包含坐标的数组 var pointArray:[CGPoint] = [CGPoint ...