为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
信息滚动效果制作_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • onMouseover(this.stop)鼠标移入停止滚动 onMouseout(this.start)鼠标移出继续滚动 scrolldelay设置滚动速度,单位为毫秒
    查看全部
  • 信息滚动效果
    查看全部
  • 两个表达式的区别
    查看全部
  • 内层元素的高度值300px > 外层元素的高度值200px,因此“外层元素的内容”(也就是“内层元素”)无法完全显示,而外层元素把overflow设置为auto,因此外层元素的右侧会出现竖直滑动条 初始状态下,“内层元素的上边界”和“外层元素的上边界”重合,没有任何内容超过“外层元素的上边界”,此时scrollTop属性的值为0。 当向下拖动滚动块时,超过“外层元素的上边界”的内容会逐渐增多,scrollTop值就等于这些超出部分的高度。 当拖动滚动块到最底部时,“内层元素的下边界”和“外层元素的下边界”重合,此时,超过“外层元素的上边界”的内容的高度=300px-200px=100px,也就
    查看全部
    1 采集 收起 来源:无缝滚动制作

    2018-03-22

  • marquee知识点: 1.behavior滚动方式{alternate:两端来回滚动。scroll:一端滚动到另一端,会重复。slide:一端滚动到另一端,不会重复} 2.direction(down,up,left,right) 3.loop(滚动次数loop=-1表示一直滚动下去,默认为-1) 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字母滚动两次之间的延迟时间
    查看全部
  • setTimeout(表达式,延迟时间)和setInterval(表达式,交互时间)的区别。
    查看全部
  • <marquee>知识点
    查看全部
  • HTML滚动标签<marquee>
    查看全部
  • 我的笔记
    查看全部
    1 采集 收起 来源:单次滚动制作

    2018-03-22

  • 判断滚动!
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

  • 滚动!
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

  • 怎么将setTimeOut 定时器给忘了 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅仅执行一次. setInterval 在执行时,它在载入后,每隔指定的时间就执行一次表达式. 这两个函数还需要深入了解 在进程中有更深的知识点 搞清楚其原理
    查看全部
  • 原生实现滚动要用到的属性为 scrollTop offsetHeight setInterval clearInterval 间隙滚动 原理 当滚动的距离为一个单位时 clearInterval 延迟2秒后继续setInterval 关键是 滚动一个单位时的判断判断 scrollTop 对一个单位的高度取余是否为0?
    查看全部
  • 滚动原理 1 复制原有内容放在底部, 当第一份彻底滚动出显示框时,恢复到原来的状态. 在此时 眼睛是看不出来的 可能有稍微的跳跃. 这就是一种实现的原理 无缝滚动 向上
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2018-03-22

  • marquee 标签 属性知识点 1 behavior 滚动的方式 alternate:表示在两端之间来回滚动. scroll: 表示由一端滚动到另一端,会重复. slide:表示由一端滚动到另一端,不会重复. 2 direction 滚动的方向 down up let right; 3 loop 滚动的次数(当loop=-1时表示一直滚动下去)默认为-1 4 scrollamount 设定活动字幕的滚动速度 5 scrolldelay 设定活动字幕滚动两次之间的延迟时间.
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。
友情提示:

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