慕课网

信息滚动效果制作

最热最新

小光头 01:13

无缝滚动原理：原始内容为1，克隆内容为2 当原始内容到达此刻的位置时，重新克隆出原始内容2,2在紧接在1的后面当1的内容滚出可视区，2的内容到达可视区的顶部时，此刻就开始了无缝滚动

查看全部

0 采集收起来源：无缝滚动原理
2015-08-19
小光头

marquee behavior滚动方式： 1 alternate:两端之间来回滚动 2 scroll:一端滚动到另一端，会重复 3 slide；一端滚动到另一端，不重复滚动方向：down up left right 滚动次数：loop=-1(一直滚动下去，为默认值) 滚动速度：scrollamount 滚动两次间的延迟时间:scrolldelay

查看全部

0 采集收起来源：marquee标签实现信息滚动
2015-08-19
june18th 03:38

<marquee>在html5当中逐渐弃用。图片所示为其属性和作用

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
番茄花园k 09:33

marquee标签内的width和height设置的为滚动区域的宽和高

查看全部

0 采集收起来源：marquee标签实现信息滚动
2015-08-17
番茄花园k 03:29

<marquee direction="right" scrolldelay="100" scrollamount="2" behavior="alternate" loop="3">滚动内容</marquee>

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
物语2018 01:25

延迟时间

查看全部

0 采集收起来源：间歇性循环滚动制作
2015-08-17
物语2018

滚动知识

查看全部

0 采集收起来源：marquee标签实现信息滚动
2015-08-17
kingry

1、setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 2、setTimeout(code,ms) 方法用于在指定的毫秒数后调用函数或计算表达式。注意：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让code 自身再次调用 setTimeout()。

查看全部

0 采集收起来源：练习题
2015-08-14
kingry

间歇性循环滚动： <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
kingry 01:27

setTimeout setInterval 区别

查看全部

0 采集收起来源：间歇性循环滚动制作
2015-08-14
kingry

area.innerHTML+=area.innerHTML 克隆了一份area里的内容(即ul)

查看全部

0 采集收起来源：单次滚动制作
2015-08-14
kingry

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

查看全部

0 采集收起来源：练习题
2015-08-14
kingry 06:50

1、布局： <div id="mooc"> <div id="moocBox"> <ul id="con1"> <li>第1条标题</li> <li>第2条标题</li> <li>第3条标题</li> <li>第4条标题</li> <li>第5条标题</li> <li>第6条标题</li> <li>第7条标题</li> <li>第8条标题</li> <li>第9条标题</li> </ul> <ul id="con2"></ul> </div> </div> 2、CSS样式： #mooc{overflow:hidden;} 3、JS部分关键代码： ① var area=document.getElementById("moocBox"); area.scrollTop=0; var time=50; setInterval('area.scrollTop',time); ② 克隆是让con1.innerHTML = con2.innerHTML ③ 判断条件： if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; } 4、说明：①scrollTop向上滚动的数值 ②offsetHeight:元素自身的高度 5、封装 function scrollUp(){判断条件}； var myScroll=setInterval('scrollUp()',time);

查看全部

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

鼠标悬停事件添加： area.onmouseover=function(){ clearInterval(myscroll); } area.onmouseout=function(){ setInterval("myscroll",time);}

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
kingry 00:21

无缝滚动知识点

查看全部

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

首页上一页 50 51 52 53 54 55 56 下一页尾页

0/150

提交

取消

该课程已下架

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

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