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(); //启动


 
   
 

中山市“美好生活一瞬间”数码摄影比赛  
     中国商业技师协会职业资格权威认证培训
   
“好山好水好儿女”中山文化名人推广月  
     中山市劳动和社会保障工作情况通报

中山市“美好生活一瞬间”数码摄影比赛  
     中国商业技师协会职业资格权威认证培训