<
div
id
=demo
style
=overflow:hidden;height:100;width:90;
background:#214984;color:#ffffff >
< div id =demo1 >
111
222
333
444
555
666
777
888
999
000
</ div >
< div id =demo2 ></ div >
</ div >
< script > ...
var speed=1;//向上滚动的速度
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
var stop=98;//运行多少次滚动就停止(timeRun累加,达到timeStop就开始停止)
var wait=150;//等待滚动的次数
var run=0;//当前已经运行了多少次滚动(定时器每运行一次这里就记录一次)
var waitFor=0;//已经等待滚动的次数
function Marquee()...{
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端
else...{
run++;//累计运行次数
if(run>=stop)...{
//如果运行累计倒了停止次数则开始等待
waitFor++;//累计等待次数
if(waitFor>=wait)...{
//如果已经累计倒了等待次数,则清空等待次数和运行累计,继续滚动
waitFor=0;
run=0;
}
}
else...{
demo.scrollTop++;
}
}
}
var MyMar=setInterval(Marquee,speed);//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseover=function() ...{clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.onmouseout=function()...{MyMar=setInterval(Marquee,speed)}
</ script >
background:#214984;color:#ffffff >
< div id =demo1 >
111
222
333
444
555
666
777
888
999
000
</ div >
< div id =demo2 ></ div >
</ div >
< script > ...
var speed=1;//向上滚动的速度
demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
var stop=98;//运行多少次滚动就停止(timeRun累加,达到timeStop就开始停止)
var wait=150;//等待滚动的次数
var run=0;//当前已经运行了多少次滚动(定时器每运行一次这里就记录一次)
var waitFor=0;//已经等待滚动的次数
function Marquee()...{
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight; //demo跳到最顶端
else...{
run++;//累计运行次数
if(run>=stop)...{
//如果运行累计倒了停止次数则开始等待
waitFor++;//累计等待次数
if(waitFor>=wait)...{
//如果已经累计倒了等待次数,则清空等待次数和运行累计,继续滚动
waitFor=0;
run=0;
}
}
else...{
demo.scrollTop++;
}
}
}
var MyMar=setInterval(Marquee,speed);//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseover=function() ...{clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.onmouseout=function()...{MyMar=setInterval(Marquee,speed)}
</ script >