慕课网

信息滚动效果制作

最热最新

勇敢的半导体 06:52

为了实现循环无限滚动，需要设置两个div，其中div2的内容克隆div1.并且当div1完全滚动出去以后，设置两个div恢复初始状态。这样肉眼可见就形成了无限的效果。

查看全部

0 采集收起来源：无缝滚动制作
2015-08-02
勇敢的半导体 03:27

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

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
爱问知识的人 06:57

scrlltopscrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

查看全部

0 采集收起来源：无缝滚动制作
2015-08-01
爱问知识的人

做好函数封装，代码清晰可见，有条理。

查看全部

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

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

查看全部

0 采集收起来源：练习题
2015-08-01
iluyao

▶<marquee>知识点： 1.behavior滚动的方式:①alternate:表示在两端之间来回滚动 ②scroll:表示由一端滚动到另一端,会重复 ③slide:表示由一端滚动到另一端,不会重复 2.direction滚动的方向(down,up,left,right) 3.loop（滚动的次数loop=-1表示一直滚动下去，默认为-1） 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字母滚动两次之间的延迟时间，即即间隔时间，单位毫秒 ▶说明： ① marquee标签有闭合，是成对出现的：<marquee></marquee> ② 把要设置滚动的属性放<marquee>内部 ③ 默认向左滚动 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 这里设的width和height是内容滚动区域的宽和高，而不是最外面标签<dd>的宽和高 ▶实现鼠标放到marquee内容上停止，鼠标移开继续滚动：需在marquee开始标签内写：onmouseover="this.stop();" onmouseout="this.start();"

查看全部

1 采集收起来源：marquee标签实现信息滚动
2018-03-22
TAMJING 01:22

延迟函数

查看全部

0 采集收起来源：间歇性循环滚动制作
2015-07-30
慕慕5269554

//无限滚动 // <style type="text/css"> *{padding:0px; margin:0px;} .box{width:200px; height:100px; background:#C33; overflow:hidden;} .box ul{width:200px;} .box li{line-height:20px;} </style> <div id="box" class="box"> <ul class="ul1"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul> </div> <script type="text/javascript"> var box = document.getElementById("box"); box.scrollTop = 0; box.innerHTML += box.innerHTML; var time = 50; var t = setInterval("gundong()",time); function gundong(){ box.scrollTop >= box.scrollHeight/2 ? box.scrollTop=0:box.scrollTop++; } box.onmousemove=function(){clearInterval(t)}; box.onmouseout=function(){t = setInterval("gundong()",time);} </script>

查看全部

0 采集收起来源：练习题
2018-03-22
剪不断理还乱

innerHtml scrolltop 向上滚动 offsetHeight 元素自身的高度 setInterval() 直行的方法 clearIntervar 清楚直行方法

查看全部

1 采集收起来源：无缝滚动制作
2015-07-26
浮沉哖华_微安

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

查看全部

0 采集收起来源：练习题
2015-07-26
浮沉哖华_微安

滚动方式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
浮沉哖华_微安

滚动方式behavior: scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动语法：<marquee behavior="滚动方式">...</marquee> 滚动方向direction（包括4个值：up、 down、 left和 right）语法：<marquee direction="滚动方向">...</marquee>

查看全部

0 采集收起来源：练习题
2018-03-22
浮沉哖华_微安

解析滚动方向direction（包括4个值：up、 down、 left和 right）　　语法：<marquee direction="滚动方向">...</marquee>

查看全部

0 采集收起来源：练习题
2018-03-22
13际

<marquee>html5知识点 1，behavior滚动方式 2direction滚动方向 3loop滚动次数 4滚动的速度 5设置延迟时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
好奇的大米 05:48

有点乱

查看全部

0 采集收起来源：间歇性循环滚动制作
2015-07-20

首页上一页 52 53 54 55 56 57 58 下一页尾页

0/150

提交

取消

该课程已下架

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

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