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

为什么代码用的和老师的一样,在谷歌浏览器就是没效果,设置的自增无效

<script type="text/javascript">

var area = document.getElementById("moocBox");

var con1 = document.getElementById("con1");

var con2 = document.getElementById("con2");

//克隆con2的内容,让con2的内容与con1完全相同!

con2.innerHTML = con1.innerHTML;

//设置滚动距离

area.scrollTop = 0;

//判断con1的位置

function scrollUp(){

if(area.scrollTop >= con1.scrollHeight) {

area.scrollTop = 0;

}else{

   area.scrollTop ++; 

}

//定时器setInterval()需要加入两个值 第一个可以是公式,函数,第二个是时间

var speed = 50;

var myScroll = setInterval("scrollUp()",speed);

area.onmouseover = function(){

clearInterval(myScroll);

}

area.onmouseout = function(){

myScroll = setInterval("scrollUp()",speed);

}

</script>


正在回答

1 回答

表示亲测你的代码是可以的,chrome正常显示运行,你注意一下script放的位置,尽量放在末尾,

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

举报

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

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

进入课程

为什么代码用的和老师的一样,在谷歌浏览器就是没效果,设置的自增无效

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