慕课网

信息滚动效果制作

最热最新

moocco 00:25

知识点

查看全部

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

滚动方式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
Aishah_MK 01:12

setTimeout(表达式，延迟时间);与setInterval(表达式，交互时间);的区别

查看全部

1 采集收起来源：间歇性循环滚动制作
2016-10-31
慕粉4221306

<script type="text/javascript"> var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); var speed = 50; area.scrollTop = 0; con2.innerHTML = con1.innerHTML; var timer=null; function short(){ area.scrollTop++; timer=setTimeout(short,50); if(area.scrollTop%24==0) clearTimeout(timer); if(area.scrollTop>=con1.offsetHeight) area.scrollTop=0; } var timer2=setInterval(short,2000); </script>

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
江户川秋风 03:30

marquee标签

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-10-25
YeungSyuNie

1、innerHTML<br> 2、scrollTop（向上滚动的数值）后面的值不带px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（执行的方法）<br> 5、clearInterval()（清除执行的方法）<br>

查看全部

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

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

查看全部

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

定义一个元素，然后将该元素克隆一个，当原始的元素内容结尾出现时，也就是滚动高度等于元素的offsetHeight，后面跟上克隆元素，当原始元素内容滚动完时，将滚动高度值为0，即从头开始滚动，这样就达到了无缝滚动 scrollTop：为元素内容被卷去的高度

查看全部

0 采集收起来源：无缝滚动制作
2016-10-21
GoingForward 03:34

<marquee>属性

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
非典型材料IT男

<dd><marquee direction="up" bgcolor="orange" width="250" height="50">我在区域内滚动，向上哟。。。。</marquee></dd> 这里的width和height指的是滚动区域大小不是<dd></dd>标签的大小

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
之于子归_

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

查看全部

0 采集收起来源：练习题
2016-10-16
用指尖改变世界4062338

<script> //将定时器、列表行间距声明为全局变量 var timer=null; var lineHeight=24; $(function(){ //当页面加载完后，延迟两秒钟执行startScroll（）函数。 //而不用setInterval(startScroll,50)，否则页面加载完毕后，列表会直接滚动到第二行而人眼无法察觉 setTimeout(startScroll,2000); $("#moocBox ul").clone(true).appendTo("#moocBox");//带行为的克隆 }) function startScroll(){ var top=++$("#moocBox")[0].scrollTop;//先自增后赋值，top值依次为1、2、3....而不xain先赋值后自增，否则永远不滚动 if(top%lineHeight == 0){ setTimeout("startScroll()",2000); }else{ startScroll(); } var ulHeight=$("#moocBox ul")[0].offsetHeight; if(top == ulHeight){ $("#moocBox")[0].scrollTop=0; } } </script>

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
之于子归_

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

查看全部

0 采集收起来源：练习题
2016-10-15
用指尖改变世界4062338

/*依据相同原理用jQuery框架实现文字的无缝滚动 <script src="../js/jquery-3.0.0.min.js" ></script> <script type="text/javascript"> /*jQuery框架实现文字的无缝滚动*/ $(document).ready(function(e) { var timer=null; $('#con1').clone().appendTo($('#moocBox')); timer=setInterval('scrollUp()',50); $('#moocBox').mouseover(function(){clearInterval(timer)});//鼠标移入，停止滚动 $('#moocBox').mouseout(function(){timer=setInterval(function(){scrollUp()},50)});//鼠标移出，继续滚动 }); function scrollUp(){ var area=$('#moocBox').get(0); area.scrollTop++;//jQuery对象是数组对象，转换为DOM对象用[index]或get(index); if(area.scrollTop >= $('#con1')[0].offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; } } </script>

查看全部

1 采集收起来源：鼠标悬停事件添加
2018-03-22
之于子归_ 03:28

marquee

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-10-15

首页上一页 11 12 13 14 15 16 17 下一页尾页

0/150

提交

取消

该课程已下架

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

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