为了账号安全,请及时绑定邮箱和手机立即绑定

大神们好,如果我想在这行代码中加入悬停效果,该如何加?


<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;


正在回答

3 回答

<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;//克隆一份一样的内容

 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);//上升一行后,停留一秒,再执行

}

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>


0 回复 有任何疑惑可以回复我~

area.onmouseover=function(){

clearIneterval(time);

clearTimeout('自己把延迟函数命个名,填写在这');

}

area.onmouseover=function(){

clearIneterval(time);

time=setInterval("scrollUp()",50)

}

0 回复 有任何疑惑可以回复我~

和前面一样啊,添加鼠标进入事件,并清除定时器(clearInterval),再添加鼠标移出事件,启动定时器。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
信息滚动效果制作
  • 参与学习       47753    人
  • 解答问题       321    个

萌妹子带您快速学习滚动效果,掌握无缝滚动和歇间性滚动的制作方法

进入课程

大神们好,如果我想在这行代码中加入悬停效果,该如何加?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信