为了账号安全,请及时绑定邮箱和手机立即绑定

信息滚动效果制作

难度初级
时长39分
学习人数
综合评分9.63
488人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • 滚动的三种方式,想一下乒乓球就记住了。
    查看全部
  • 无缝滚动制作 知识点 1、innerHTML 2、scrollTop(向上滚动的数值) 3、offsetHeight(元素自身的高度) 4、setInterval()(执行的方法) 5、clearInterval()(清除执行的方法) <script> var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), 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); </script> <body> <div id="moocBox"> <ul id="con1"> <li>...</li> . . . <li>...</li> </ul> <ul id="con2"></ul> </div> </body>
    查看全部
    3 采集 收起 来源:无缝滚动制作

    2018-03-22

  • setTimeout和setInterval区别
    查看全部
  • 请问这里支持html标签<html></html><input>等</input>不?
    查看全部
  • 生活
    查看全部
  • <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>
    查看全部
  • 原生实现滚动要用到的属性为 scrollTop offsetHeight setInterval clearInterval 间隙滚动 原理 当滚动的距离为一个单位时 clearInterval 延迟2秒后继续setInterval 关键是 滚动一个单位时的判断判断 scrollTop 对一个单位的高度取余是否为0?
    查看全部
  • &lt;marquee&gt;知识点
    查看全部
  • <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表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 1o.onmouseover=this.stop();onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部
  • 网页加载是有顺序的!有的需要先加载DOM在加载JS! 我认为将JS放到head里,浏览器会首先加载JS而后再加载html文档里的其他内容,所以若js中用到了后面的DOM结构等,而后面的DOM结构等都没有加载完毕,就会出现这种情况,
    查看全部
    1 采集 收起 来源:无缝滚动制作

    2016-04-10

  • setTimeout(表达式,延迟时间):在执行时,在载入后延迟指定时间后,去执行一次表达式,仅执行一次,如需多次执行可以用递归或者循环; setInterVal(表达式,交互时间):在执行时,它从载入后,每隔指定的时间就执行一次表达式
    查看全部
  • <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()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部
  • <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表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 1o.onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部
  • 移动端测试,如发现出现非沙盒场景,请删除!
    查看全部
  • 男0
    查看全部
首页上一页1234567下一页尾页

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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