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

这次又遇上一个这样的问题，找了老半天终于从网上找到一个不错的，看了下代码，思路很简单，但代码太多，通用性也不行，于是乎，自己又发明了两个函数，用起来感觉还真不错，与大家共享：
<b> <b> <title>图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准_</title> </b> <table cellpadding="0" align="left" border="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 height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> </tr> </table></td> <td id="demo2" valign="top"></td> </tr> </table> <table cellpadding="0" align="left" border="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 height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/www.yonfa365.com.jpg" /> </td> </tr> </table></td> <td id="demo22" valign="top"></td> </tr> </table> </b>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以下为网上提供的代码
<b> <b> <title>Untitled Document</title> </b> <img src="https://www.jb51.net/article/images/butt_arrowl.gif" style="cursor:pointer" /> <img /> <table cellpadding="0" align="left" border="0"> <tbody> <tr> <td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> <tbody> <tr align="center"> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small01.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small02.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small03.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small06.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small05.jpg" /> </td> </tr> </tbody> </table></td> <td id="demo2" valign="top"></td> </tr> </tbody> </table> <table cellpadding="0" align="left" border="0"> <tbody> <tr> <td id="demo_b" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> <tbody> <tr align="center"> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small04.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small07.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small08.jpg" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small09.gif" /> </td> <td width="50" height="50"><img height="50" src="https://www.jb51.net/article/images/photo_small01.jpg" /> </td> </tr> </tbody> </table></td> <td id="demo_c" valign="top"></td> </tr> </tbody> </table> </b>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

图片 Web W3C web标准