慕课网

信息滚动效果制作

最热最新

慕码人6397172

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);

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
慕码人6397172

无缝滚动：克隆一个一模一样的内容

查看全部

0 采集收起来源：无缝滚动原理
2016-08-08
慕码人6397172

marquee 标签成对出现，将内容放在标签中，默认向左滚动，在marquee里面写属性，时间以毫秒为单位，还可以设置onmouseout,onmouseover等属性 behavior滚动方式： 1 alternate:两端间来回滚动。2 scroll：由一端到另一端，会重复。3 slide:一端到另一端，不重复 direction方向：上下左右 loop滚动次数(loop=-1表示一直滚动下去 scrollamount设定活动字幕的滚动速度 scrolldelay设定活动字幕滚动两次之间的延迟时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-08-08
huanghui8030 00:23

无缝滚动的知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-08-08
huanghui8030 03:33

marquee的知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-08-08
慕1001 03:37

marquee知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-08-07
DQE 03:31

<marquee>知识点 1.behavior滚动方式 alternate:表示在两端之间来回滚动 scroll:表示由一端滚动到另一端，重复 slid:表示由一端滚动到另一端，不重复 2.direction滚动的方向down up left right 3.loop滚动的次数（当loop=-1时，表示一直滚动下去，默认为-1） 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字幕滚动两次之间的延迟时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
初晨丶 03:32

marquee知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-08-06
qq_刘先森_ 01:11

<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
qq_刘先森_ 04:16

单次滚动判断 area.scrollTop % iLiHeight==0 clearInterval(timer); area.innerHTML+=area.innerHTML 克隆了一份area里的内容(即ul)

查看全部

0 采集收起来源：单次滚动制作
2016-08-05
qq_刘先森_

使用scrollLeft的必要条件是第一：此标签的内容宽度超过了标签本身的宽度。这个很容易理解，如果内容没有超过标签的宽度，不需要横向的滚动就可以看到所有横向的范围，那在使用scrollLeft的时候肯定是无效的了。在这里很多新手经常会犯一个错误，内容的大小确实是超过了标签的显示范围，但是却因为浏览器的默认属性换行了，也就是没有在横向上超出，这时候同样是不能使用scrollLeft的。第二：scrollLeft的值范围是在一定范围内的，不能无限增大。当内容的最右端可以显示的时候，scrollLeft便不能再增加了。这个也容易理解。以浏览器右侧滚动条为例，这个滚动条肯定是能拖到底的，这个拖动有一定的范围，跟页面内容高度有关。第三：scrollLeft（包括其他三个）常与定时器一起使用，实现位置移动效果，如滚动。你应该遇到的是第一个条件不满足才产生的这个问题。所以建议你可以采用改变ul的margin-Left的值实现滚动效果

查看全部

0 采集收起来源：间歇性滚动原理
2016-08-04
qq_刘先森_ 00:21

无缝滚动制作scrollTop设置向上滚动1、克隆要滚动的内容2、判断滚动是否结束，结束时回到滚动起点，否则继续滚动3、用setInterval()实现滚动 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
慕粉3698897 01:13

setTimeOut&&setInterval

查看全部

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

var timer1=setInterval("test()",2000); var timer2=setTimeout("test()",2000); 都表示在2000ms 后执行test函数，不同的是setInterval 会无限次执行，直到页面关闭或timer1 被clearInterval(timer1)清除而setTimeout会且只会执行test函数一次，且timer2不需要清除

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
慕粉3473542 01:16

setTimeout vs setInterval

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-08-03

首页上一页 17 18 19 20 21 22 23 下一页尾页

0/150

提交

取消

该课程已下架

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

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