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

信息滚动效果制作

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

已采纳回答 / qq_苏慕遮_24019744
他这个con2的内容旨在当你的con1的scrollTop还未到达他的长度时,用来填补con1下面的空白,当con1的scrollTop到达了他的长度,再直接用con1的内容替代con2的内容来继续显示。

最新回答 / 折翼天使I
你用的是p标签,他是块状元素,占据整行,你如果不把鼠标放在浏览器窗口p标签的任何位置,你的这段代码是滚动的,你最好设置border便于观察。

最新回答 / ZXJ03
<...code...>发现scroll函数里的hello没有显现,可是找不出scroll哪里错了,,

已采纳回答 / 码农吊车尾
scrollHeight是窗口内滚动元素的高度,也就是说ul的高度;offsetHeight是元素包含边框的距离,这里也可以用,一旦ul有边框,就要好好算算高度了,很不方便。scrollTop的值是ul的上边被窗口隐藏的高度;也就是说如果ul比窗口div高100px,ul与窗口div底边对齐,scrollTop就是100px,如果ul上边部分没有隐藏,scrollTop就是0px;请看图 div.scrollTop.<...图片...>

最新回答 / 叫叫叫兽3370901
资料下载里有/*  底部样式 */#moocBot { width: 399px; height: 10px; overflow: hidden;     /* 这个一定要加上,内容超出的部分要隐藏,免得撑高底部结构 */}/*  中间样式 */#moocBox { height: 144px; width: 335px; margin-left: 25px; margin-top: 10px; overflow: hidden;    /*  这个一定要加,超出的内容部分要隐藏,免得撑高中间部分 */}

最新回答 / weibo_生活梦幻9_03168943
area.srollTop>=con1.oofsetHeight........当area的滚动高度(向上滚动的高度)大于等于con1的原始高度时

最新回答 / 侎馨
因为已经走完了,需要克隆一个引进来,再继续,也就是说一共用两个,不断地来回交换滚动var area = document.getElementById('moocBox');    var con1 = document.getElementById('con1');    var con2 = document.getElementById('con2');    var speed = 50;    area.scrollTop = 0;    con2.innerHTML = con1.innerH...

已采纳回答 / 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); }
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消