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

信息滚动效果制作

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

    2015-08-26

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

    2015-08-26

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

    2015-08-25

  • marquee标签
    查看全部
  • 设置鼠标放置停止滚动效果 <marquee onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="100" direction="up" loop=-1 behavior="scroll" height="99%">
    查看全部
  • <marquee>各种属性并设置鼠标放置停止滚动效果 <marquee onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1" scrolldelay="100" direction="up" loop=-1 behavior="scroll" height="99%">
    查看全部
  • 跟下面一位同学的一样,哈哈
    查看全部
  • 这样写会更简洁一些,而且逻辑也很顺没有什么bug,大家方便的话帮我看一下 var area=document.getElementById('newsbox'); var speed=30,delay=2000,oLiHeight=33,timer; area.innerHTML+=area.innerHTML; area.scrollTop=0; function startUp(){ timer=setInterval(scrollUp,speed); } function scrollUp(){ area.scrollTop++; if(area.scrollTop % oLiHeight==0){ clearInterval(timer); setTimeout(startUp,delay); }else{ if(area.scrollTop>=area.scrollHeight/2) { area.scrollTop=0; } } } setTimeout(startUp,delay);
    查看全部
  • <script type="text/javascript"> var area = document.getElementById('moocBox'); area.innerHTML += area.innerHTML; var speed = 50; var liHeight = 24; var time; function startMove(){ time = setInterval("scrollUp()",speed); } function scrollUp(){ area.scrollTop ++; if(area.scrollTop%liHeight==0) { clearInterval(time); setTimeout("startMove()", 2000); } else{ if(area.scrollTop >= area.scrollHeight/2) { area.scrollTop = 0 } } } setTimeout("startMove()", 2000); </script>
    查看全部
  • setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setTimeout(code,ms) 方法用于在指定的毫秒数后调用函数或计算表达式。 【注意】setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让code 自身再次调用 setTimeout()。 clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-19

  • setTimeout/setInterval
    查看全部
  • 单词滚动判断 area.scrollTop % iLiHeight==0 clearInterval(timer);
    查看全部
    0 采集 收起 来源:单次滚动制作

    2015-08-19

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

    2015-08-19

  • 鼠标悬停事件添加: area.onmouseover=function(){ clearInterval(myscroll);//停止滚动 } area.onmouseout=function(){ setInterval("myscroll",time);}//继续滚动
    查看全部
  • 无缝滚动知识点: 1、innerHTML 2、scrollTop 3、offsetHeight 4、setInterval 5、clearInterval 克隆: con2.innerHTML=con1.innerHTML 判断: area.scrollTop>=con1.offsetHeight 置零 area.scrollTop=0;
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

举报

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

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