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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • 无缝滚动知识点
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-25

  • 实现滚动效果的HTML标签
    查看全部
  • 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()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部
  • setInterval和setTimeout的区别
    查看全部
  • 无缝滚动制作 scrollTop设置向上滚动 1、克隆要滚动的内容 2、判断滚动是否结束,结束时回到滚动起点,否则继续滚动 3、用setInterval()实现滚动
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-20

  • marquee标签实现信息滚动
    查看全部
  • 知识点
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-19

  • 知识点
    查看全部
  • settimeout(function,time)在多少时间后执行函数,只执行一次 setInterval(function,time)在间隔特定时间和反复执行
    查看全部
    0 采集 收起 来源:练习题

    2015-10-18

  • function scroll(){ var area = document.getElementById("showtime"); var con2 = document.getElementById("con2"); con2.innerHTML = area.innerHTML; area.scrollLeft--; if(area.scrollLeft>=con2.offsetWidth) { area.scrollLeft = 0;} else{ area.scrollLeft--;} } setInterval('scroll()',50);
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2018-03-22

  • <script> //取得滚动区域 var area=document.getElementById('moocBox'); var iLiHeight=24;//1个列表高度 area.innerHTML+=area.innerHTML; area.scrollTop=0; function scrollUp(){ area.scrollTop++; //当滚动区域 %一个信息的高度==0时停止滚动 if(area.scrollTop % iLiHeight ==0){ clearInterval(time); } } var time=setInterval("scrollUp()",50); </script>
    查看全部
    0 采集 收起 来源:单次滚动制作

    2018-03-22

  • /** *1.1滚动到最下面不重复滚动 */ // 1.获取滚动区域 var area= document.getElementById('moocBox'); // 2.area.scrollTop=10;向上滚动10像素 area.scrollTop=0;//默认不滚动 // 3.定时器无限滚动 var time=50;//50毫秒滚动 setInterval('area.scrollTop++',time);//自增
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-15

  • // 1.获取滚动区域 var area= document.getElementById('moocBox'); // 2.向上滚动10像素 area.scrollTop=0; // 3.定时器无限滚动 var time=50;//50毫秒滚动 setInterval('area.scrollTop++',time);
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-15

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

    2015-10-10

  • 用到的函数
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-06

举报

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

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