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

这次又遇上一个这样的问题，找了老半天终于从网上找到一个不错的，看了下代码，思路很简单，但代码太多，通用性也不行，于是乎，自己又发明了两个函数，用起来感觉还真不错，与大家共享：
</p> <p><title>图片连续无间隙向左滚动，无间隙向右滚动，<a href="https://kunjuke.com/tag/4880/" title="符合" target="_blank">符合</a>W3C Web标准_</title> </p> <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"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </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"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> </tr> </table> </td> <td id="demo22" valign="top"></td> </tr> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以下为网上提供的代码
</p> <p><title>Untitled Document</title> </p> <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"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </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"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> <td width="50" height="50"> </td> </tr> </tbody> </table> </td> <td id="demo_c" valign="top"></td> </tr> </tbody> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• js 实用的无间断滚动图效果(良好兼容性)
• 无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee
• 无间断滚动的新闻文章列表 多浏览器兼容
• 无间断滚动效果 htc
• 无间断滚动marquee的详细用法解析
• 浅析js 文字滚动效果
• javascript 实现滚动效果代码整理
• js实现的类marquee水平循环滚动
• javascript 不间断的图片滚动并可点击
• javascript 文字上下间隔滚动的代码 符合WEB标准 北冥有鱼修正版
• Js 实现文字爬楼滚动效果 结合文本框
• javascript 单行文字向上跑马灯滚动显示
• js 实现无缝滚动 兼容IE和FF
• javascript 一段左右两边随屏滚动的代码