-
无缝滚动制作1。con2为空，在js中复制con1的内容给con2查看全部
-
无缝滚动制作查看全部
-
鼠标悬浮停止，和鼠标离开继续查看全部
-
marquee标签的五个属性及其属性值。查看全部
-
setTimeout(表达式，延迟时间） 在执行时，是在载入后延迟指定时间后，去执行一次表达式，仅执行一次 setInterval（表达式，交互时间） 在执行时，它从载入后，每隔指定的时间就执行一次表达式查看全部
-
循环知识点查看全部
-
间歇滚动： 含义：每隔n秒就滚动m行 原理：每滚动m行就clearInterval，过n秒后再setInterval 使用scrollLeft的必要条件是 第一：此标签的内容宽度超过了标签本身的宽度。 这个很容易理解，如果内容没有超过标签的宽度，不需要横向的滚动就可以看到所有横向的范围，那在使用scrollLeft的时候肯定是无效的了。 在这里很多新手经常会犯一个错误，内容的大小确实是超过了标签的显示范围，但是却因为浏览器的默认属性换行了，也就是没有在横向上超出，这时候同样是不能使用scrollLeft的。 第二：scrollLeft的值范围是在一定范围内的，不能无限增大。 当内容的最右端可以显示的时候，scrollLeft便不能再增加了。这个也容易理解。以浏览器右侧滚动条为例，这个滚动条肯定是能拖到底的，这个拖动有一定的范围，跟页面内容高度有关。 第三：scrollLeft（包括其他三个）常与定时器一起使用，实现位置移动效果，如滚动。 你应该遇到的是第一个条件不满足才产生的这个问题。所以建议你可以采用改变ul的margin-Left的值实现滚动效果查看全部
-
无缝滚动知识点查看全部
-
设置 width 和 height 代表内容滚动区域的宽和高查看全部
-
loop = “-1”代表无限的滚动查看全部
-
marquee知识点查看全部
-
<!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>查看全部
-
<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>查看全部
-
<marquee> html自带的滚动标签查看全部
-
setTimeout 只执行一次，setTnterval 执行多次，循环的。查看全部
举报
0/150
提交
取消