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

网络编程 2024/10/14 佚名

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

狼山资源网 Copyright www.pvsay.com

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

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

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

www.pvsay.com 狼山资源网

29,905影音资源

44,626技术资源

11,817软件资源

578,645站长资源

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

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

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

js打字机效果代码

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

友情链接