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

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • 跑马灯效果
    查看全部
  • marguee 笔记 behavior[ alternate, scroll, slide ] direction [down, up, left, right ] loop [-1, n] scrollmount scrolldelay
    查看全部
  • -1代表无限滚动
    查看全部
  • 1、通过innerHtml进行克隆 2、通过判断con1完全滚动出去时,重新使con1的scrollTop(等于内容超出顶部的部分长度)=0
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-10-04

  • <marquee>标签的五个属性
    查看全部
  • <marquee>知识点
    查看全部
  • 在js代码里,滚动条是被抽象为一个“点”来对待的: 1、scrollHeight表示滚动条需要滚动的高度,即内部元素的高度。 2、scrollTop表示滚动条(一个点)当前的位置在内部滚动区域的高度中占了多少 本节课我学到的 设置容器高度,设置overflow:hidden隐藏溢出的内容 转自http://www.cnblogs.com/dingyingsi/archive/2013/09/24/3337813.html
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-10-03

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

    2015-09-29

  • area.scrollTop>=area.scrollHeight/2 这句话什么的意思 首先之前老师写了这么一行代码,area.innerHTML+=area.innerHTML; 即 area.innerHTML = area.innerHTML + area.innerHTML;这样就又复制了一个相同的内容。 area.scrollHeight/2 也就是其中一个的滚动高度。 PS: element.scrollHeight 返回元素的整体高度。 element.scrollTop 返回元素上边缘与视图之间的距离。
    查看全部
    1 采集 收起 来源:无缝滚动原理

    2018-03-22

  • 如果将js代码放到head标签内部,如果不加window.onload,获取元素时将会出现null。将js代码放到下面一方面是为了提高网页的性能(解析js需要时间的);另一方面将js放在页面底部不会出现元素为null的情况(因为DOM已经加载完成了)。
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-09-28

  • window对象中常用的方法() window对象中常用的方法包括: alert(text) 创建一个警告对话框,显示一条信息 blur() 将焦点从窗口移除 clearInterval(interval) 清除之前设置的定时器间隔 clearTimeOut(timer) 清除之前设置的超时 close() 关闭窗口 confirm() 创建一个需要用户确认的对话框 focus() 将焦点移至窗口 open(url,name,[options]) 打开一个新窗口并返回新window 对象 prompt(text,defaultInput) 创建一个对话框要求用户输入信息 scroll(x,y) 在窗口中滚动到一个像素点的位置 setInterval(expression,mill iseconds) 经过指定时间间隔计算一个表达式 setInterval(function,millis enconds,[arguments]) 经过指定时间间隔后调用一个函数 setTimeout(expression,milli seconds) 在定时器超过后计算一个表达式 setTimeout(expression,milli seconds,[arguments]) 在定时器超过时后计算一个函数
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-09-28

  • 区分settimeout和setinterval
    查看全部
  • 单次滚动判断 area.scrollTop % iLiHeight==0 clearInterval(timer); area.innerHTML+=area.innerHTML 克隆了一份area里的内容(即ul)
    查看全部
    0 采集 收起 来源:单次滚动制作

    2015-09-28

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

    2015-09-28

  • 无缝滚动知识点: 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.通过设定定时时间,实现间歇性无缝滚动。
友情提示:

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