Javascript中怎么實現(xiàn)逐行滾動文字效果,針對這個問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)公司專注于紅河哈尼企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,電子商務(wù)商城網(wǎng)站建設(shè)。紅河哈尼網(wǎng)站建設(shè)公司,為紅河哈尼等地區(qū)提供建站服務(wù)。全流程按需求定制制作,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
//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; //滾動位移數(shù)恢復(fù)原值
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();
//啟動
中山市“美好生活一瞬間”數(shù)碼攝影比賽 中國商業(yè)技師協(xié)會職業(yè)資格權(quán)威認(rèn)證培訓(xùn) |
“好山好水好兒女”中山文化名人推廣月 中山市勞動和社會保障工作情況通報 |
中山市“美好生活一瞬間”數(shù)碼攝影比賽 中國商業(yè)技師協(xié)會職業(yè)資格權(quán)威認(rèn)證培訓(xùn) |