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

    http://blog.csdn.net/molingduzun123/article/details/51850925 http://tengine.taobao.org/book/index.ht ...

  2. OSG学习：裁剪变换（2）

    接着上一篇博客说. 还有一种裁剪的方法:osg::Scissor类. 这个类封装了OpenGL中的glScissor()函数. 该类主要用于设置一个视口裁剪平面举行.设置裁剪平面举行的函数如下: vo ...

  3. 使用JavascriptExecutor将页面滚动到最底部

    使用如下代码,将页面滚动到最底部 @Test(enabled = true) public void scroll(){ String jsStr="window.scrollTo(0,do ...

  4. Qt Lighthouse学习(二)，就是QPA(Qt Platform Abstraction) 项目的名字

    上一次关注Qt Lighthouse是在6月初,可是现在都8月底了.时间真快... Lighthouse 是 QPA(Qt Platform Abstraction) 项目的名字,它使得将Qt移植到新 ...

  5. UpdateBatch与事务处理的一点总结

    对于某些设置或者提交,如果希望是全部修改完毕后才确定生效,可以将DataSet的LockType:=ltBatchOptimistic,这样就可以了.然后每次做的修改和改动都暂时保存在缓存中,必须通过 ...

  6. MySQL复制 -- 复制出错怎么办？

    假如我们生产环境复制出错?该怎么办呢? 下面提供几种办法: 1. 手工处理,补回不一致数据(可以利用主库来补数据.也可以利用binlog来补数据) 2.用开源工具来解决一致性问题 3.自己造轮子,解决 ...

  7. spring的jar包以及相关的API文档的下载方式

    转自:http://blog.csdn.net/yuexianchang/article/details/53583327 侵删 感谢原创 首先是进入官网:https://spring.io/ 如图所 ...

  8. 题解 P2026 【求一次函数解析式】

    高中方式轻松解决这个模拟题. 首先我们了解斜率的简单求法: \[k= {y2-y1 \over x2-x1}{=}{\Delta y \over \Delta x}\] 然后我们了解到让我们求解一次函 ...

  9. C 函数——Day04

    C 函数 函数是一组一起执行一个任务的语句.每个 C 程序都至少有一个函数,即主函数 main() ,所有简单的程序都可以定义其他额外的函数. 您可以把代码划分到不同的函数中.如何划分代码到不同的函数 ...

  10. P1110 [ZJOI2007]报表统计

    题目描述 Q的妈妈是一个出纳,经常需要做一些统计报表的工作.今天是妈妈的生日,小Q希望可以帮妈妈分担一些工作,作为她的生日礼物之一. 经过仔细观察,小Q发现统计一张报表实际上是维护一个非负整数数列,并 ...