Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills

I encountered such a problem again this time. After searching for a long time, I finally found a good one on the Internet. After looking at the code, the idea was very simple, but there were too many codes and the versatility was not good. So, I invented two more ones. Function, it feels really good to use, I would like to share it with you:

<title>The picture continuously scrolls to the left without gaps and scrolls to the right without gaps, complying with W3C Web standards_</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 style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </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 style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > <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 style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> </tr> </table> </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td id="demo22" valign="top"> </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> </tr> </table> <br> <input onclick="runEx('runcode46336')" type="button" value="杩"> </td> </tr> </table></td> </tr> </table> </div>