Javascript中怎么实现逐行滚动文字效果

Javascript中怎么实现逐行滚动文字效果，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

//FILE: scrolltext.js CREATED: DannyKang @ 2004-5-19
var stopscroll=false;
var preTop=0;
//var newTop=0;
var currentTop=0;
var stoptime=0;
var iInterval ;

function init_srolltext(){
document.body.scrollTop=0;
document.body.onmouseover   = new Function("stopscroll=true");
document.body.onmouseout    = new Function("stopscroll=false");
document.body.oncontextmenu = new Function("return false;");
document.body.onselectstart = new Function("return false;");
iInterval = setInterval("scrollUp()",25);
}

function scrollUp(){
 if(stopscroll==true) return;
 currentTop+=1; //每次滚动 1 个象素
 if(currentTop==24){ //刚滚动完一行后(每行高23)
  stoptime+=1;   //停顿时间累计 1 个单位时间(25毫秒)
  currentTop-=1; //滚动位移数恢复原值
  if(stoptime==100){ //停顿时间累计 100 个单位时间后重新计算滚动位移和停顿时间
   currentTop=0;
   stoptime=0;
   //if(confirm("One line end ...... ok to stop , cancel to go on.")){clearInterval(iInterval);}
  }
 }else{  
  document.body.scrollTop = preTop +1; //滚动 1 个象素
  if(preTop< document.body.scrollTop){
   preTop = document.body.scrollTop ;
  }
  else {//如果滚动到末尾了(滚动跟没滚一样)
   preTop = 1
   document.body.scrollTop = 1;
   //if(confirm("scroll to all text ending.......["+preTop+"/"+document.body.scrollTop+"] ok to stop , cancel to go on.")){clearInterval(iInterval);}
  }
 }
}

init_srolltext(); //启动

<!-- 放在body内最后一行 --&gt

undefined

关于Javascript中怎么实现逐行滚动文字效果问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。