gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤

이번에도 이런 문제가 발생했는데, 한참을 헤매다가 인터넷에서 드디어 좋은 코드를 찾았습니다. 아이디어는 아주 간단했지만, 코드가 너무 많고 범용성이 좋지 않았습니다. . 그래서 두 가지 기능을 더 개발했는데, 사용감이 너무 좋아서 공유하고 싶습니다:

<title>W3C 웹 표준을 준수하여, 그림은 공백 없이 왼쪽으로 계속 스크롤되고, 오른쪽으로 공백 없이 계속 스크롤됩니다_</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="gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤" > </td> <td width="50" height="50"> <img style="max-width:90%" src="www.yonfa365.com.jpg" alt="gaps_javascript 기술 없이 W3C 웹 표준을 준수하는 이미지의 지속적인 가로 스크롤" > </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 cellpacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> <tr></tr> </table></td> </tr> </table> </div>