大神們好,如果我想在這行代碼中加入懸停效果,該如何加?
<script type="text/javascript">
?var area=document.getElementById("moocBox");
?area.innerHTML+=area.innerHTML;
?var liHeight=24;
?area. scrollTop=0;
?function startMove(){
? ?area.scrollTop++;
? time=setInterval("scrollUp()",50)
}
?function scrollUp(){
? ?if (area.scrollTop%liHeight==0){
? ? clearInterval(time);
? ? setTimeout("startMove()",2000);
? }else{
? ? ?area.scrollTop++;
? ? ?if(area.scrollTop>=area.scrollHeight/2){
? ? ?area.scrollTop=0;
? ? ?}
? ? }
?}
setTimeout("startMove()",2000);
area.onmouseover=function(){
? clearInterval(time);
}
area.onmouseout=startMove;
2017-03-03
<script type="text/javascript">
var area = document.getElementById('moocBox');
var iliHeight = 30;//單行滾動的高度
var speed = 50;//滾動的速度,50ms一次
var time;
var delay= 1000;//延遲時間
area.scrollTop=0;//滾動高度
area.innerHTML+=area.innerHTML;//克隆一份一樣的內(nèi)容
?function startScroll(){
? clearInterval(time);
time=setInterval("scrollUp()",speed);
area.scrollTop++;
}
?function scrollUp(){
if(area.scrollTop % iliHeight==0){
clearTimeout(myScroll);
clearInterval(time);
time1=setTimeout(startScroll,delay);//上升一行后,停留一秒,再執(zhí)行
}
else{
area.scrollTop++;
?if(area.scrollTop >= area.scrollHeight/2){
area.scrollTop =0;
}
}
}
? var myScroll= setTimeout(startScroll,delay);//最初開始計時
?area.onmouseover=function(){
clearInterval(time);
clearTimeout(myScroll);
clearTimeout(time1);
}
area.onmouseout = function(){
myScroll= setTimeout(startScroll,delay);
}
?</script>
2016-11-09
area.onmouseover=function(){
clearIneterval(time);
clearTimeout('自己把延遲函數(shù)命個名,填寫在這');
}
area.onmouseover=function(){
clearIneterval(time);
time=setInterval("scrollUp()",50)
}
2016-11-01
和前面一樣啊,添加鼠標(biāo)進(jìn)入事件,并清除定時器(clearInterval),再添加鼠標(biāo)移出事件,啟動定時器。