慕课网

信息滚动效果制作

最热最新

慕工程2957023

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 (即网页被卷去的高)

查看全部

0 采集收起来源：练习题
2016-09-16
慕工程2957023

注意最后鼠标离开时候的事件应该是直接赋给myScroll 而不是在用var重新定义一个

查看全部

0 采集收起来源：鼠标悬停事件添加
2016-09-16
慕工程2957023

无缝滚动制作 知识点 1、innerHTML 2、scrollTop（向上滚动的数值）后面的值不带px，如area.scrollTop = 0； 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>

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
慕工程2957023

无缝滚动：当内容滚完之后，不想让它停止，也不让它空白。说明：蓝色为显示区域，橘黄色为要滚动的内容无缝滚动原理：原始内容为1，克隆内容为2 当原始内容底部到达可视区的底部时，重新克隆出原始内容2,2在紧接在1的后面当1的内容滚出可视区，2的内容到达可视区的顶部时，此刻就开始了无缝滚动

查看全部

0 采集收起来源：无缝滚动原理
2016-09-16
慕工程2957023

<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 采集收起来源：marquee标签实现信息滚动
2018-03-22
慕粉1472398115 09:22

鼠标事件

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-09-16
慕粉1472398115 03:35

marquee

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-09-16
和C说88 01:23

setTimeout和setInterval

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-09-14
慕粉1469796862

知识点 1.innerHTML 2.scrollTop 3.offsetHeight 4.setInterval 5.clearInterval

查看全部

0 采集收起来源：无缝滚动制作
2016-09-12
慕粉1469796862

<marquee>知识点 behavior滚动的方式：alternate（两端来回滚动） scroll（重复从一端滚到另一端） slide（一端滚动到另一端，不重复） direction滚动的方向：down、up、left、right[默认向左滚] loop滚动的次数（当loop==-1时表示无限滚动） scrollamount滚动的速度 scrolldelay活动字幕滚动两次之间的延迟时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
慕婉清8869734 03:35

<marquee>滚动知识点 <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 采集收起来源：marquee标签实现信息滚动
2018-03-22
慕粉3869187 00:24

无缝滚动知识点

查看全部

0 采集收起来源：无缝滚动制作
2016-09-05
慕粉3869187 03:31

<marquee>知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
一梦到红楼 01:25

记记记

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-09-02
孩纸╭别伤xin、了 00:23

知识点

查看全部

0 采集收起来源：无缝滚动制作
2016-08-30

首页上一页 15 16 17 18 19 20 21 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 1.您至少具备HTML/CSS基础知识； 2.您至少具备JavaSript基础知识；

老师告诉你能学到什么？: 1.学会<marquee>标签及属性，制作简单信息滚动。 2.掌握无缝滚动原理，运用JavaScript实现效果。 3.通过设定定时时间，实现间歇性无缝滚动。