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

信息滚动效果制作

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

最赞回答 / qq_骑着蜗牛上高速_1
第一个因为是整个box都在在循环,虽然con2是克隆第一个的但是是为了无缝连接,所以整个box都要scrolltop=0,而不是对con1等于0;第二个 你参照老师画的那个图,当第一个con1完全上去以后就看不见了,这时就可以让scrolltop=0 进行后续连接,当然你也可以等con2的最后一行快出来的时候另scrolltop=0,这段范围都可另scrolltop=0;只不过offsetHeight好取值而已;

+ 我来回答 回答最高可+2积分

最新回答 / qq_Justcomplete_0402
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        div{width:400px;        height:144px;        background: red;        position:relative;        left:40%;   ...

最新回答 / Dummy88
用到了,滚动都是marquee来做了,再滚动的基础上添加了无缝效果

最新回答 / 橙子风
可以的,div中可以包含图片元素进行轮播

最新回答 / 黄小凡
可以啊。我的都可以下载http://img1.sycdn.imooc.com//down/53a7de330001e3be00000000.zip

最新回答 / 慕粉091628941
修改每次滚动的长度,把长度变短,每次滚动后清除滚动。利用 setTimeout 再次启动滚动,就形成了间歇性滚动。

最新回答 / 慕村1994845
css中的“#con1,con2{magrin:0px;}”改一下数值,或者直接不要,你的代码就能动起来;还有css后面的<script>内只有一个var什么鬼,把这些去掉body中的script 中声明变量记得加var

最新回答 / R_sober
http://caibaojian.com/css3-background-gradient.html

最赞回答 / 慕粉188111111
scrollTop是上方“不可见的内容”的高度, 无法大于内容本身的高。

最新回答 / Angel帝豪
即对象所在的距离相对于“可见内容”的最顶端之间的距离(个人理解)
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消