信息滚动效果制作_学习笔记

首页免费课信息滚动效果制作笔记

信息滚动效果制作

                
                vivian
            Web前端工程师

                    查看讲师更多课程 
                    vivian讲师的其他课程
                
JS动画效果
初级·113916
免费课程
                                
                难度初级
            
                时长39分
            
                学习人数
            
综合评分9.63
                            488人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

最热最新

Xu_Angel

con1.innerHTML=con2.innerHTML

查看全部

0 采集收起来源：练习题
2016-05-24
生死之祭

<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
生死之祭

注意最后鼠标离开时候的事件应该是直接赋给myScroll 而不是在用var重新定义一个

查看全部

0 采集收起来源：鼠标悬停事件添加
2016-05-24
生死之祭

<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
Cphayim

marquee的属性滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）滚动方向direction（包括4个值：up、 down、 left和 right）滚动循环次数loop（默认值是-1，滚动会不断的循环下去）滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）滚动延迟scrolldelay (两次滚动之间的延迟时间单位毫秒)

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-05-23
慕仙5249246

1. setTimeout（表达式，延迟时间）在执行时，是在载入后延迟指定时间后，去执行一次表达式，仅执行一次 2. setInterval（表达式，交互时间）在执行时，它从载入后，每隔指定的时间就执行一次表达式。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的参数。

查看全部

0 采集收起来源：练习题
2016-05-22
P妞酱酱 01:28

1111

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-05-22
P妞酱酱 03:35

marquee

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-05-20
BerylS 01:14

setTimeout()和setInterval（）

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-05-14
moocer9527 10:01

鼠标移进移出

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-05-14
moocer9527 03:32

知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-05-14
齐力 03:34

<marquee>知识点

查看全部

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

marquee

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-05-09
hello清风

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

查看全部

0 采集收起来源：练习题
2016-05-06
不含糖

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

查看全部

0 采集收起来源：练习题
2016-05-06