多个图层不间断滚动显示效果,当用户的鼠标经过时暂停滚动,可自定义滚动速度,实用js脚本。
<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="marquee_demo" style="overflow:hidden;width:500px;text-align:center;border:1px solid #ccc"> <table cellspacing="0" cellpadding="3" align="center" border="0"> <tr> <td id="www_wuming_ren" valign="top"> <table width="800" height="100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="200" align="center" style="padding:3px 5px 3px 5px;">1号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">2号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">3号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">4号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">5号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">6号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">7号武鸣人</td> <td width="200" align="center" style="padding:3px 5px 3px 5px;">8号武鸣人</td> </tr> </table> </td> <td id="wuming_ren" valign="top"></td> </tr> </table> </div> <script type="text/javascript"> var speed=30; wuming_ren.innerHTML=www_wuming_ren.innerHTML; function Marquee(){ if(marquee_demo.scrollLeft>=www_wuming_ren.scrollWidth){ marquee_demo.scrollLeft=0; }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) else{ marquee_demo.scrollLeft++; } }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) var MyMar=setInterval(Marquee,speed); marquee_demo.onmouseover=function(){clearInterval(MyMar);} marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);} </script>
本文来自武鸣人网站,转载请注明出处