-
無縫滾動制作1。con2為空，在js中復(fù)制con1的內(nèi)容給con2查看全部
-
無縫滾動制作查看全部
-
鼠標(biāo)懸浮停止，和鼠標(biāo)離開繼續(xù)查看全部
-
marquee標(biāo)簽的五個屬性及其屬性值。查看全部
-
setTimeout(表達式，延遲時間） 在執(zhí)行時，是在載入后延遲指定時間后，去執(zhí)行一次表達式，僅執(zhí)行一次 setInterval（表達式，交互時間） 在執(zhí)行時，它從載入后，每隔指定的時間就執(zhí)行一次表達式查看全部
-
循環(huán)知識點查看全部
-
間歇滾動： 含義：每隔n秒就滾動m行 原理：每滾動m行就clearInterval，過n秒后再setInterval 使用scrollLeft的必要條件是 第一：此標(biāo)簽的內(nèi)容寬度超過了標(biāo)簽本身的寬度。 這個很容易理解，如果內(nèi)容沒有超過標(biāo)簽的寬度，不需要橫向的滾動就可以看到所有橫向的范圍，那在使用scrollLeft的時候肯定是無效的了。 在這里很多新手經(jīng)常會犯一個錯誤，內(nèi)容的大小確實是超過了標(biāo)簽的顯示范圍，但是卻因為瀏覽器的默認屬性換行了，也就是沒有在橫向上超出，這時候同樣是不能使用scrollLeft的。 第二：scrollLeft的值范圍是在一定范圍內(nèi)的，不能無限增大。 當(dāng)內(nèi)容的最右端可以顯示的時候，scrollLeft便不能再增加了。這個也容易理解。以瀏覽器右側(cè)滾動條為例，這個滾動條肯定是能拖到底的，這個拖動有一定的范圍，跟頁面內(nèi)容高度有關(guān)。 第三：scrollLeft（包括其他三個）常與定時器一起使用，實現(xiàn)位置移動效果，如滾動。 你應(yīng)該遇到的是第一個條件不滿足才產(chǎn)生的這個問題。所以建議你可以采用改變ul的margin-Left的值實現(xiàn)滾動效果查看全部
-
無縫滾動知識點查看全部
-
設(shè)置 width 和 height 代表內(nèi)容滾動區(qū)域的寬和高查看全部
-
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自帶的滾動標(biāo)簽查看全部
-
setTimeout 只執(zhí)行一次，setTnterval 執(zhí)行多次，循環(huán)的。查看全部
舉報
0/150
提交
取消