慕课网

信息滚动效果制作

最热最新

子宸

alternote 来回滚动

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-04-19
缄默蜀黍ONE 03:34

<marquee>知识点： 1、behavior滚动的方式： 1.1 alternate：表示在两端之间来回滚动。 1.2 scroll：表示由一端滚动到另一端，会重复。 1.3 slide：表示由一端滚动到另一端，不会重复。 2、direction滚动的方向：down、up、left、right 3、loop滚动的次数（当loop=-1表示一直滚动下去，默认为-1） 4、scrollamount设定活动字幕的滚动速度 5、scrolldelay设定活动字幕滚动两次之间的延迟时间 **<marquee>属于HTML自带的标签，只是随着HTML5的发展，这个标签也用得越来越少了。

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
Object_is_null

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

查看全部

0 采集收起来源：练习题
2016-04-14
Object_is_null

<script> var area=document.getElementById('moocBox'), delay=2000, speed=50, liHeight=24; area.innerHTML+=area.innerHTML; var timer; function startScroll(){ area.scrollTop++; timer=setInterval('scrollUp()',speed); } function scrollUp(){ if(area.scrollTop%liHeight==0){ clearInterval(timer); setTimeout('startScroll()',delay); }else{ area.scrollTop++; if (area.scrollTop>=area.scrollHeight/2) { area.scrollTop=0; } } } setTimeout('startScroll()',delay); </script>

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
Object_is_null

<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的对象是div块级 con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
Object_is_null

滚动方式behavior: scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动语法：<marquee behavior="滚动方式">...</marquee> 滚动方向direction（包括4个值：up、 down、 left和 right）语法：<marquee direction="滚动方向">...</marquee> 滚动循环loop（默认值是-1，滚动会不断的循环下去）语法：<marquee loop="2">...</marquee> 动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）语法：<marquee scrollamount="5">...</marquee>

查看全部

0 采集收起来源：练习题
2018-03-22
q_阳阳羊_0 01:30

setInterval和setTimeout

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-04-14
q_阳阳羊_0 03:37

marquee 知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-04-14
芥子1204

这是因为滚动高度的问题，就是说在执行scrollUp函数的时候，在判断之前，scrollTop先加一，由于这里高度是24，每次执行要加两次，也就是最后一次执行完，scrollTop等于已经24了，然后下次执行的时候又加了一，就是25了，所以永远的都不会停下来，不知道我说清楚没有，你可以把24改成25试试，

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-04-13
芥子1204

如果将function startScroll()函数的area.scrollTop++;语句挪到function scrollUp()函数中的第一步，问什么会出现一直滚动而不停歇的效果

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-04-13
果儿妈妈 01:15

知识点

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-04-11
果儿妈妈 03:28

<marquee>知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
芥子1204

onload在真个页面加载完成之后就会执行，如果将代码放在body里，在加载页面时函数已经加载。如果将代码放到head里，代码在页面加载时不会加载，直到整个页面加载完成之后才执行。此时scrollUp函数在调用处的后面。就会先报错吧。

查看全部

0 采集收起来源：无缝滚动制作
2016-04-11
芥子1204

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

查看全部

0 采集收起来源：练习题
2016-04-10
芥子1204

网页加载是有顺序的！有的需要先加载DOM在加载JS! 我认为将JS放到head里，浏览器会首先加载JS而后再加载html文档里的其他内容，所以若js中用到了后面的DOM结构等，而后面的DOM结构等都没有加载完毕，就会出现这种情况，

查看全部

1 采集收起来源：无缝滚动制作
2016-04-10

首页上一页 28 29 30 31 32 33 34 下一页尾页

0/150

提交

取消

该课程已下架

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

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