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

信息滚动效果制作

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

已采纳回答 / 飞飞赫赫
首先你的考虑无缝滚动的原理,就是复制一个一样的接着上一个滚动,然后再明白scrollTop(被卷去的高度)和scrollHeight(区域高度),区域里有两个ul他们等高并且刚好把区域高度划分为两半(area.scrollHeight/2),只要第一个滚到看不见了(area.scrollTop >= area.scrollHeight/2),就可以把第一个拉回到最底下(area.scrollTop=0)。不知道这样的解释你能明白吗

已采纳回答 / dinshuhon
建议尝试 用js写试试 

最新回答 / qq_Mr_9
if(area.scrollTop >= area.scrollHeight/2){   //当列表的滚动高度大于等于列表的一半高度(也就是到了第二个克隆块)                 area.scrollTop =0;   //设置列表的高度为0,因为那时候克隆块的高度也是0,所以就看不出来影响了

已采纳回答 / 慕丝4635624
你好,我之前也是这么想的,后来发现DIV为块状元素,例子中css样式中并没有改变其POSITON属性,所以不会重叠,而会在下方出现。

已采纳回答 / 时辰哥
使用scrollLeft的必要条件是第一:此标签的内容宽度超过了标签本身的宽度。这个很容易理解,如果内容没有超过标签的宽度,不需要横向的滚动就可以看到所有横向的范围,那在使用scrollLeft的时...

已采纳回答 / 时辰哥
使用scrollLeft的必要条件是第一:此标签的内容宽度超过了标签本身的宽度。这个很容易理解,如果内容没有超过标签的宽度,不需要横向的滚动就可以看到所有横向的范围,那在使用scrollLeft的时候肯定是无效的了。在这里很多新手经常会犯一个错误,内容的大小确实是超过了标签的显示范围,但是却因为浏览器的默认属性换行了,也就是没有在横向上超出,这时候同样是不能使用scrollLeft的。第二:scrollLeft的值范围是在一定范围内的,不能无限增大。当内容的最右端可以显示的时候,scrollLeft便不能...

已采纳回答 / 奶油面包
我遇到这个问题是因为默认样式没有清除

已采纳回答 / One_Zx
moocBox 的内容是两个ul (con1,con2)  moocBox的scrollTop属性的值就是向上滚动的像素,滚过con1的整个高度(scrollHeight)【此时con2顶着box的顶部】将con1的位置重置,由于 con1和con2内容一样,con1回到了初始位置 看上去就像一直在滚动

已采纳回答 / TWT
<...code...><...code...>HTML onmouseover 事件属性  http://www.w3school.com.cn/tags/event_onmouseover.aspCSS :hover 选择器  http://www.w3school.com.cn/cssref/selector_hover.asp

已采纳回答 / BCS
你看看有没有  cantin 这个ID  要不然就是你HTML代码结构有问题  , 可以去研究下scrollTop的具体用法

已采纳回答 / PdpdPdpd
啥意思?放第一行不是先执行这句然后再执行setInterval里面的吗?然后放第二行是先执行setInterval然后再执行这句啊,都是要执行的呀。

已采纳回答 / qq_JasonLiu_1
这是因为滚动高度的问题,就是说在执行scrollUp函数的时候,在判断之前,scrollTop先加一,由于这里高度是24,每次执行要加两次,也就是最后一次执行完,scrollTop等于已经24了,然后下次执行的时候又加了一,就是25了,所以永远的都不会停下来,不知道我说清楚没有,你可以把24改成25试试,
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消