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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>间断滚动_www.jb51.net_脚本之家</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); } } onload=function(){setTimeout(start,stoptime)}; </script></body> </html>

　　推荐阅读

　　css+js实现select列表横向排列效果代码

请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-D>>>详细阅读

本文标题：js文字滚动停顿效果代码

地址：http://www.17bianji.com/kaifa2/JS/29604.html

1/2 1