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

站长资源 2024/11/29 佚名

2 0 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,无间隙,水平滚动

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

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

暂无评论...

www.wwsws.com 伏龙阁资源网

39,976影音资源

44,792技术资源

21,817软件资源

651,128站长资源

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

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

js打字机效果代码

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

更新日志

友情链接