慕课网

信息滚动效果制作

最热最新

慕粉3245042 00:36

无缝滚动制作1。con2为空，在js中复制con1的内容给con2

查看全部

0 采集收起来源：无缝滚动制作
2018-03-08
慕粉3245042 06:53

无缝滚动制作

查看全部

0 采集收起来源：无缝滚动制作
2018-03-08
慕粉3245042 09:11

鼠标悬浮停止，和鼠标离开继续

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-08
慕粉3245042 03:30

marquee标签的五个属性及其属性值。

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-08
忽而今夏大风吹

setTimeout(表达式，延迟时间）在执行时，是在载入后延迟指定时间后，去执行一次表达式，仅执行一次 setInterval（表达式，交互时间）在执行时，它从载入后，每隔指定的时间就执行一次表达式

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-02-28
白鹿max 01:22

循环知识点

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-02-02
白鹿max

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

查看全部

0 采集收起来源：间歇性滚动原理
2018-02-02
白鹿max 00:23

无缝滚动知识点

查看全部

0 采集收起来源：无缝滚动制作
2018-02-02
白鹿max 07:16

设置 width 和 height 代表内容滚动区域的宽和高

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-01-29
白鹿max 06:39

loop = “-1”代表无限的滚动

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-01-29
白鹿max 03:35

marquee知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-01-29
DeppSparrow

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>demo</title> <style type="text/css"> *{margin:0;padding:0;} ul{ height: 80px; width:300px; overflow:hidden; border:1px solid #ccc; } li{ height:24px; } </style> </head> <body> <div> <ul id="box"> <li>qqqqqqq</li> <li>2222222</li> <li>123213</li> <li>4123123</li> <li>66666666</li> </ul> </div> <script type="text/javascript"> var timer; var box=document.getElementById('box'); box.innerHTML+=box.innerHTML; box.scrollTop=0; function scrollUp(){ box.scrollTop++; if(box.scrollTop>=box.scrollHeight/2){ box.scrollTop=0;} if(box.scrollTop%24==0){ clearInterval(timer); setTimeout("xxx()",2000); }; } function xxx(){timer=setInterval("scrollUp()",50);} window.onload=xxx(); </script> </body> </html>

查看全部

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

<html> <head> <meta charset="UTF-8" /> <title>demo</title> <style type="text/css"> *{margin:0;padding:0;} ul{ height: 80px; width:300px; overflow:hidden; border:1px solid #ccc; } li{ height:24px; } </style> </head> <body> <div> <ul id="box"> <li>qqqqqqq</li> <li>2222222</li> <li>123213</li> <li>4123123</li> <li>66666666</li> </ul> </div> <script type="text/javascript"> var timer; var box=document.getElementById('box'); box.innerHTML+=box.innerHTML; function startMove(){ box.scrollTop++; timer=setInterval("scrollUp()",50); } function scrollUp(){ if (box.scrollTop%24==0) { clearInterval(timer); setTimeout("startMove()",2000); }else{ box.scrollTop++; if (box.scrollTop>=box.scrollHeight/2){ box.scrollTop=0;}; } } setTimeout('startMove()',2000); </script> </body> </html>

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
前端沙雕 03:31

<marquee> html自带的滚动标签

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
前端沙雕 01:20

setTimeout 只执行一次，setTnterval 执行多次，循环的。

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-01-04

首页上一页 1 2 3 4 5 6 7 下一页尾页

0/150

提交

取消

该课程已下架

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

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