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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • ▶<marquee>知识点: 1.behavior滚动的方式:①alternate:表示在两端之间来回滚动 ②scroll:表示由一端滚动到另一端,会重复 ③slide:表示由一端滚动到另一端,不会重复 2.direction滚动的方向(down,up,left,right) 3.loop(滚动的次数loop=-1表示一直滚动下去,默认为-1) 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字母滚动两次之间的延迟时间,即即间隔时间,单位毫秒 ▶说明: ① marquee标签有闭合,是成对出现的:<marquee></marquee> ② 把要设置滚动的属性放<marquee>内部 ③ 默认向左滚动 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 这里设的width和height是内容滚动区域的宽和高,而不是最外面标签<dd>的宽和高 ▶实现鼠标放到marquee内容上停止,鼠标移开继续滚动: 需在marquee开始标签内写:onmouseover="this.stop();" onmouseout="this.start();"
    查看全部
  • clientTop返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0。 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 配合定位使用,有top,left,right,bottom。 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)
    查看全部
    0 采集 收起 来源:练习题

    2015-08-11

  • scrolltop 向上滚动 offsetHeight 元素自身的高度
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-08-11

  • <marquee>
    查看全部
  • behavior:alternate scroll slide direction:down up left right loop滚动的次数
    查看全部
  • 鼠标悬停事件添加: area.onmouseover=function(){ clearInterval(myscroll); } area.onmouseout=function(){ setInterval("myscroll",time);}
    查看全部
  • 两个计时器的区别
    查看全部
  • 无缝滚动
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-08-07

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

    2015-08-07

  • ▶<marquee>知识点: 1.behavior滚动的方式:①alternate:表示在两端之间来回滚动 ②scroll:表示由一端滚动到另一端,会重复 ③slide:表示由一端滚动到另一端,不会重复 2.direction滚动的方向(down,up,left,right) 3.loop(滚动的次数loop=-1表示一直滚动下去,默认为-1) 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字母滚动两次之间的延迟时间,即即间隔时间,单位毫秒 ▶说明: ① marquee标签有闭合,是成对出现的:<marquee></marquee> ② 把要设置滚动的属性放<marquee>内部 ③ 默认向左滚动 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 这里设的width和height是内容滚动区域的宽和高,而不是最外面标签<dd>的宽和高 ▶实现鼠标放到marquee内容上停止,鼠标移开继续滚动: 需在marquee开始标签内写:onmouseover="this.stop();" onmouseout="this.start();"
    查看全部
  • 2.浏览器引擎:Webkit、Gecko、Trident Webkit是一个开源的浏览器引擎,与之相对应的引擎由Gecko(Mozilla Firefox等使用)和Trident(也称MSHTML,IE使用)。
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-08-06

  • css中:-webkit-border-radius:苹果、谷歌等一些浏览器,它们用的都是webkit内核; -moz-border-radius:moz这个属性专门支持Mozilla Firefox火狐浏览器的css属性。 在这两个属性有值的时候,去掉哪个属性,对他们做内核的浏览器就有影响,如果没值就没影响。这两个属性和IE、360没关系。
    查看全部
    1 采集 收起 来源:无缝滚动制作

    2015-08-06

  • marquee
    查看全部
  • <marquee>在html5当中逐渐弃用。图片所示为其属性和作用。
    查看全部
  • clientTop返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0。 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 配合定位使用,有top,left,right,bottom。 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)
    查看全部
    0 采集 收起 来源:练习题

    2015-08-02

举报

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

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