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