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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • <marquee></marquee>文字信息滚动标签。可以设置滚动方向、速度、时间。滚动方式:来回滚动,重复滚动和非重复滚动
    查看全部
  • var area = document.getElementById("moocBox"); var con1 = document.getElementById("con1"); var con2 = document.getElementById("con2"); con2.innerHTML = con1.innerHTML; function scrollUp(){ if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0; }else area.scrollTop++; } var time=50; var myScroll = setInterval("scrollUp()",time)
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

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

    2016-03-12

  • 实现克隆(无缝对接滚动) var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); // area.scrollTop = 0; con2.innerHTML = con1.innerHTML; function scrollUp(){ if (area.scrollTop >= con1.offsetHeight) { area.scrollTop = 0; }else{ area.scrollTop ++; }; }; var time = 50; var myScroll = setInterval('scrollUp()' , time);
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

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

    2016-03-06

  • setTimeout(code,ms) 方法用于在指定的毫秒数后调用函数或计算表达式。 注意:setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让code 自身再次调用 setTimeout()。
    查看全部
    0 采集 收起 来源:练习题

    2016-03-06

  • 滚动效果
    查看全部
  • setTimeout(表达式,延迟时间):在执行时,在载入后延迟指定时间后,去执行一次表达式,仅执行一次,如需多次执行可以用递归或者循环; setInterVal(表达式,交互时间):在执行时,它从载入后,每隔指定的时间就执行一次表达式
    查看全部
  • <script> var area=document.getElementsById('moocbox'); var iLiHeight=24; area.innerHTML+=area.innerHTML; area.scrollTop=0; function scrollup (argument) { area.scrollTop++; if (area.scrollTop%iLiHeight==0) { clearInterval(time); }; } var time=setInterval("scrollup()",50) </script> 单次滚动的制作
    查看全部
    0 采集 收起 来源:单次滚动制作

    2018-03-22

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

    2016-03-05

  • 滚动方向direction(包括4个值:up、 down、 left和 right)   语法:<marquee direction="滚动方向">...</marquee>
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

举报

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

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