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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • marquee设置onmouseover="this.stop()"和onmouseout="this.start()"在火狐浏览器下不起作用
    查看全部
  • <marquee></marquee>文字信息滚动标签。可以设置滚动方向、速度、时间。滚动方式:来回滚动,重复滚动和非重复滚动 属性说明: 1.direction表示滚动的方向,值可以是left,right,up,down,默认为left 2.behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动) 3.loop表示循环的次数,值是正整数,默认为无限循环 4.scrollamount表示运动速度,值是正整数,默认为6 5.scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒 6.align表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle 7.bgcolor表示运动区域的背景色,值是16进制的RGB颜色,默认为白色 8.height、width表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度 9.hspace、vspace表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 10.onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部
  • vvv
    查看全部
  • <script>标签放在body内与放在body外有区别,信息滚动在页面完全加载完全之后,放在body外。得不到想要的效果。
    查看全部
  • background: -moz-linear-gradient(top, #bccfe3 0%, #d2dded 100%); 适合 FF3.6+ background: -webkit- gradient(linear, left top, left bottom, color-stop(0%,#bccfe3), color- stop(100%,#d2dded)); 适合 Chrome,Safari4+ background: -webkit-linear-gradient(top, #bccfe3 0%,#d2dded 100%); 适合Chrome10+,Safari5.1+ background: -o-linear-gradient(top, #bccfe3 0%,#d2dded 100%); 适合Opera 11.10+ background: -ms-linear-gradient(top, #bccfe3 0%,#d2dded 100%); 适合IE10+ background: linear-gradient(top, #bccfe3 0%,#d2dded 100%); 适合W3C 背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。 Firefox支持两种类型的CSS渐变:线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)。
    查看全部
  • marquee知识点
    查看全部
  • area.innerHTML+=area.innerHTML;+号有拼接的作用
    查看全部
    0 采集 收起 来源:单次滚动制作

    2016-03-29

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

    2016-03-29

  • 1,innerHTML:   也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2016-03-29

  • <marquee>知识点<br> 1、behavior滚动的方式 alternate:来回滚动、 scroll:由一端滚动到另一端,可重复、 slide:一端滚动到另一端,不可重复
    查看全部
  • setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
    查看全部
    0 采集 收起 来源:练习题

    2016-03-28

  • marquee标签实现信息滚动
    查看全部
  • marquee
    查看全部
  • marquee知识点
    查看全部
  • 通过setTimeout实现间歇无缝滚动的时间停顿
    查看全部

举报

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

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