图片无缝向下循环滚动展示特效

几张图片向下循环滚动特效代码，当用户的鼠标经过时图片暂停滚动，移开后恢复滚动效果，可根据自己的需求来自定义。

<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div id="www_wuming_ren" style="overflow:hidden;height:360px;width:160px;">
<div id="wwwwumingren_1">
<p><img src="/img/20240418_www_wuming_ren_51.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_52.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_53.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_54.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_51.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_52.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_54.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_52.jpg"></p>
<p><img src="/img/20240418_www_wuming_ren_53.jpg"></p>
</div>
<div id="wwwwumingren_2"></div>
</div>
<script>
var speed=30
var wwwwumingren_2=document.getElementById("wwwwumingren_2");
var wwwwumingren_1=document.getElementById("wwwwumingren_1");
var www_wuming_ren=document.getElementById("www_wuming_ren");
wwwwumingren_2.innerHTML=wwwwumingren_1.innerHTML
www_wuming_ren.scrollTop=www_wuming_ren.scrollHeight
function Marquee2(){
if(wwwwumingren_1.offsetTop-www_wuming_ren.scrollTop>=0)
www_wuming_ren.scrollTop+=wwwwumingren_2.offsetHeight
else{
www_wuming_ren.scrollTop--
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
}
var MyMar2=setInterval(Marquee2,speed)
www_wuming_ren.onmouseover=function() {clearInterval(MyMar2)}
www_wuming_ren.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>