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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • marquee标签,成对出现: behavior 滚动的方式: alternate 表示在两端之间来回滚动 scroll 表示由一端滚动到另外一端 会重复 slide 表示由一端滚动到另一端 不会重复 direction的滚动方式: down,up,left,right loop滚动的次数(当loop=-1表示一直滚动下去,默认-1) scroollamount设定活动字幕的滚动速度 scrolldelay设定活动字幕滚动两次之间的延长时间
    查看全部
  • behavior滚动的方式 alternate:表示再两端之间来回滚动 scroll:表示由一段滚动到另一端.会重复 slide:表示由一段滚动到另一端.不会重复 direction滚动的方向down、up、left、right loop滚动的次数(当loop=-1表示一直滚动下去,默认为-1) scrollamount设定活动字母的滚动速度 scrolldelay设定活动自摸滚动两次之间的延迟时间
    查看全部
  • <script type="text/javascript"> window.onload=function(){ var area=document.getElementById("moocbox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; var time=50; setInterval('scrollUp()',time); } function scrollUp(){ var area=document.getElementById("moocbox"); var con1=document.getElementById("con1"); if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0; } else{ area.scrollTop++; } } </script>
    查看全部
    1 采集 收起 来源:无缝滚动制作

    2018-03-22

  • setTimeout和setInterval的区别
    查看全部
  • 视频中的代码是if(area.scrollTop >= con1.offsetHeight) 而下载到的源码是if(area.scrollTop >= con1.scrollHeight) offsetHeight:表示自身的高度 offsetHeight = clientHeight + 滚动条 + 边框。 scrollHeight:padding加元素内容的高度。 这个高度与滚动条无关,是内容的实际高度。 scrollHeight = toppadding + bottompadding + 内容margin box的高度。
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

  • scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)
    查看全部
    0 采集 收起 来源:练习题

    2016-11-29

  • marquee标签,成对出现: behavior 滚动的方式: alternate 表示在两端之间来回滚动 scroll 表示由一端滚动到另外一端 会重复 slide 表示由一端滚动到另一端 不会重复 direction的滚动方式: down,up,left,right loop滚动的次数(当loop=-1表示一直滚动下去,默认-1) scroollamount设定活动字幕的滚动速度 scrolldelay设定活动字幕滚动两次之间的延长时间
    查看全部
  • setTimeout(表达式,延迟时间) 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
    查看全部
  • 滚动标签:<marquee></marquee> 标签属性: 1、方向:direction -> "left" "right" "up" "down" 2、循环:loop -> "-1"无限次 "1" "2" "i" 1次 2次 i次; 3、滚动样式:behavior -> "alternate"两端来回 "scroll"重复一端到另端 "slide"一端到另端(不重复)
    查看全部
  • area.innerHTML+=area.innerHTML完成克隆
    查看全部
    0 采集 收起 来源:单次滚动制作

    2016-11-24

  • marquee behavior alernate scroll side scrollamount direction loop
    查看全部
  • 无缝滚动知识点
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2016-11-21

  • 滚动停止 启动事件绑定
    查看全部
  • marquee知识点
    查看全部
  • marquee
    查看全部

举报

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

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