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中怎么實現逐行滾動文字效果問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。