Javascript中怎么實(shí)現(xiàn)逐行滾動(dòng)文字效果

Javascript中怎么實(shí)現(xiàn)逐行滾動(dòng)文字效果，針對這個(gè)問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

//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; //每次滾動(dòng) 1 個(gè)象素
 if(currentTop==24){ //剛滾動(dòng)完一行后(每行高23)
  stoptime+=1;   //停頓時(shí)間累計(jì) 1 個(gè)單位時(shí)間(25毫秒)
  currentTop-=1; //滾動(dòng)位移數(shù)恢復(fù)原值
  if(stoptime==100){ //停頓時(shí)間累計(jì) 100 個(gè)單位時(shí)間后重新計(jì)算滾動(dòng)位移和停頓時(shí)間
   currentTop=0;
   stoptime=0;
   //if(confirm("One line end ...... ok to stop , cancel to go on.")){clearInterval(iInterval);}
  }
 }else{  
  document.body.scrollTop = preTop +1; //滾動(dòng) 1 個(gè)象素
  if(preTop< document.body.scrollTop){
   preTop = document.body.scrollTop ;
  }
  else {//如果滾動(dòng)到末尾了(滾動(dòng)跟沒滾一樣)
   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(); //啟動(dòng)

<!-- 放在body內(nèi)最后一行 --&gt

undefined

關(guān)于Javascript中怎么實(shí)現(xiàn)逐行滾動(dòng)文字效果問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。