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.glzy8.com_管理资源吧</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>