首页 > 代码库 > marquee滚动后停顿3秒
marquee滚动后停顿3秒
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #Marquee{ height:60px; overflow:hidden;} #Marquee div{ border:1px solid #DDD3FE; background:#EEECF4; height:58px;} </style> </head><body> <div id="Marquee"> <div style="width: 160px; height: 58px">间断-1-caiying2007</div> <div style="width: 160px; height: 58px">间断-2-caiying2007</div> <div style="width: 160px; height: 58px">间断-3-caiying2007</div> </div> <script> var Mar = document.getElementById("Marquee"); var child_div=Mar.getElementsByTagName("div") var picH = 60;//移动高度 var scrollstep=3;//移动步幅,越大越快 var scrolltime=20;//移动频度(毫秒)越大越慢 var stoptime=3000;//间断时间(毫秒) var tmpH = 0; Mar.innerHTML += Mar.innerHTML; function start(){ if(tmpH < picH){ tmpH += scrollstep; if(tmpH > picH )tmpH = picH ; Mar.scrollTop = tmpH; setTimeout(start,scrolltime); }else{ tmpH = 0; Mar.appendChild(child_div[0]); Mar.scrollTop = 0; setTimeout(start,stoptime); } } onl oad=function(){setTimeout(start,stoptime)}; </script></body></html>
marquee滚动后停顿3秒
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。