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

(编辑：jimmy 日期: 2025/5/13 浏览：3 次 )

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准_</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body>      <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/www.yonfa365.com.jpg');"><img src="/UploadFiles/2021-04-02/www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>             <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('www.yonfa365.com.jpg');"><img src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
以下为网上提供的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> </head> <body> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/butt_arrowl.gif');"><img src="/UploadFiles/2021-04-02/butt_arrowl.gif" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('images/butt_arrowr.gif');"><img src="images/butt_arrowr.gif" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>         <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/photo_small01.jpg');"><img src="/UploadFiles/2021-04-02/photo_small01.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('images/photo_small02.jpg');"><img src="images/photo_small02.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/photo_small03.jpg');"><img src="/UploadFiles/2021-04-02/photo_small03.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('images/photo_small06.jpg');"><img src="images/photo_small06.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/photo_small05.jpg');"><img src="/UploadFiles/2021-04-02/photo_small05.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                   <a href="javascript:;" onclick="showimg('images/photo_small04.jpg');"><img src="images/photo_small04.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/photo_small07.jpg');"><img src="/UploadFiles/2021-04-02/photo_small07.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('images/photo_small08.jpg');"><img src="images/photo_small08.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/photo_small09.gif');"><img src="/UploadFiles/2021-04-02/photo_small09.gif" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>  <a href="javascript:;" onclick="showimg('images/photo_small01.jpg');"><img src="images/photo_small01.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>           </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：复制本贴标题和地址的js代码
下一篇：js打字机效果代码