符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧

这次又遇上一个这样的问题，找了老半天终于从网上找到一个不错的，看了下代码，思路很简单，但代码太多，通用性也不行，于是乎，自己又发明了两个函数，用起来感觉还真不错，与大家共享：

<title>图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准_</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <div id="demo" style="overflow: hidden; width: 322px; height: 61px"> <table cellpadding="0" align="left" border="0" cellspace="0"> <tr> <td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> <tr align="center"> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> </tr> </table></td> <td id="demo2" valign="top"></td> </tr> </table> </div> <div id="demo0" style="overflow: hidden; width: 322px; height: 61px"> <table cellpadding="0" align="left" border="0" cellspace="0"> <tr> <td id="demo11" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> <tr align="center"> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> <td width="50" height="50"> <img src="/static/imghwm/default1.png" data-src="www.yonfa365.com.jpg" class="lazy" style="max-width:90%" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> </tr> </table></td> <td id="demo22" valign="top"></td> </tr> </table> </div> <script type="text/javascript" language="JavaScript"> //璋</script>