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

网络编程 2024/11/16 佚名

3 2 1

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

<!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需再刷新一下页面才能执行]

符合,W3C,无间隙,水平滚动

标签：

符合,W3C,无间隙,水平滚动

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

桃源资源网 Design By www.nqtax.com

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

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

暂无“符合W3C Web标准的图片连续无间隙水平滚动”评论...

www.nqtax.com 桃源资源网

19,905影音资源

44,626技术资源

1,817软件资源

378,645站长资源

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

符合,W3C,无间隙,水平滚动

复制本贴标题和地址的js代码

js打字机效果代码

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

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

友情链接

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

符合,W3C,无间隙,水平滚动

复制本贴标题和地址的js代码

js打字机效果代码

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

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存