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

信息滚动效果制作

难度初级
时长39分
学习人数
综合评分9.63
488人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰

已采纳回答 / felufan
mouseout事件中的setInterval(),若不设置与事件外的setInterval()相同的名称(或不设置名称),就是另外一个不同的setInterval()(虽然执行的内容相同),而它又没有对应的clearInterval()将其清除,所以每触发一次mouseout事件就会执行一个,不断叠加从而导致内容滚动速度越来越快

最新回答 / 不起眼的魂
我把你的代码放到我的模板里是没有问题的,是不是你的CSS有问题!,<...code...>

已采纳回答 / 青春不是年华而是心境
你要是把JS代码写在最下边就不要些window.onload。要不然必须加上window.onload,要不然会出错的。

最新回答 / 香宝的夫差
应该是142行与147行setInterval中引入scrollUp不同,我的是因为两个setInterval中时间不同,就那样一跳一跳

已采纳回答 / 大贤良师
移除时间里要先清除定时器,这样应该能解决area.onmouseover=function(){ clearInterval(time); clearTimeout(t); } area.onmouseout=function(){ clearInterval(time); time=setInterval("scrollUp()",speed); }

已采纳回答 / 因此囧爱3131100
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离最开始可见内容的最顶端和对象的最顶端是重合的 所以scrollTop为0,当scrollTop变大的时候,可见内容的顶端往上滚动,不就是离对象顶端越来越远了呀,没毛病呀

最新回答 / 名字都给你们起完了
妈的源代码也不贴出来,不知道搞个资料下载干嘛用的,烦躁

已采纳回答 / 童鞋终于找到你了
去掉的话,开始直接先进行判断 此时scrolltop值正好是上次结果,也就是li高度的整数倍,那么直接就停止了。于是一直停止下去。希望我的回答对你能有帮助。

最新回答 / 飛尚潮流
head 部分一般都放js 加载的外部文件。页面加载是按顺序执行的。js放在头部没有找到目标内容就先加载了。肯定没效果啊

已采纳回答 / 慕码人2863258
这是你的代码改过之后能运行的样子,借用了一下你的样式,谢谢= =。<<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>0916-2无缝滚动</title><style type="text/css">*{margin: 0;padding: 0;}body{text-...

最新回答 / 慕粉3921346
根据你设置滚动的速度不同,有可能不会出现刚好等于条件,而是直接超过了临界值。

最赞回答 / stone310
写个清楚点的:1、根据window.onload=function(){ FrashTime() },执行FrashTime,一直执行到setTimeout;2、根据setTimeout(FrashTime,time),延迟time后,继续执行一次FrashTime,一直执行到setTimeout;3、根据setTimeout(FrashTime,time),延迟time后,继续执行一次FrashTime,一直执行到setTimeout;就这么循环下去了,如果将setTimeout写在函数外面,就是只执行...
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消