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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • con1.innerHTML=con2.innerHTML
    查看全部
    0 采集 收起 来源:练习题

    2016-05-24

  • <script> var area=document.getElementById('moocBox'), delay=2000, speed=50, liHeight=24; area.innerHTML+=area.innerHTML; var timer; function startScroll(){ area.scrollTop++; timer=setInterval('scrollUp()',speed); } function scrollUp(){ if(area.scrollTop%liHeight==0){ clearInterval(timer); setTimeout('startScroll()',delay); }else{ area.scrollTop++; if (area.scrollTop>=area.scrollHeight/2) { area.scrollTop=0; } } } setTimeout('startScroll()',delay); </script>
    查看全部
  • 注意最后鼠标离开时候的事件应该是直接赋给myScroll 而不是在用var重新定义一个
    查看全部
  • <script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的对象是div块级 con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

  • marquee的属性 滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动) 滚动方向direction(包括4个值:up、 down、 left和 right) 滚动循环次数loop(默认值是-1,滚动会不断的循环下去) 滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位) 滚动延迟scrolldelay (两次滚动之间的延迟时间 单位毫秒)
    查看全部
  • 1. setTimeout(表达式,延迟时间) 在执行时 ,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次 2. setInterval(表达式,交互时间) 在执行时,它从载入后,每隔指定的时间就执行一次表达式。 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的参数。
    查看全部
    0 采集 收起 来源:练习题

    2016-05-22

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

    2016-05-06

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

    2016-05-06

举报

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

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