-
setTimeout與setInterval的區(qū)別查看全部
-
<body> <div id="scrollBox"> <span id="con1"><a href="#">1.搞得我</a><a href="#">2.頂頂頂頂頂頂頂頂頂多多頂頂頂頂頂頂</a><a href="#">3.少時(shí)誦詩書所所所</a></span> <span id="con2"></span> </div> <script type="text/javascript"> var timer=null; var box=document.getElementById("scrollBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; function scroll() { if (box.scrollLeft>=con1.scrollWidth) { box.scrollLeft=0; } else { box.scrollLeft++; } } var speed=17; timer=setInterval("scroll()",speed); box.onmouseover=function() { clearInterval(timer); } box.onmouseout=function() { timer=setInterval("scroll()",speed); } </script> </body>查看全部
-
向左無縫滾動(dòng) <style type="text/css"> *{ margin: 0;padding: 0; } #scrollBox{ font-size: 0;/* 去除行內(nèi)塊級(jí)元素?fù)Q行符間隙 */ width: 300px; height: 50px; line-height:50px;/*垂直居中*/ margin: 0 auto; background-color: #eee; border: 1px solid red; white-space: nowrap;/*不換行*/ overflow: hidden; } span{ display: inline-block; } a{ text-decoration: none; display: inline-block; /*border: 1px solid blue;*/ margin: 0 10px; font-size: 17px; } a:hover{ color: red; } </style>查看全部
-
間歇性循環(huán)滾動(dòng)查看全部
-
無縫滾動(dòng)+鼠標(biāo)懸停查看全部
-
滾動(dòng)標(biāo)簽marquee知識(shí)點(diǎn)查看全部
-
setTimeout和setInterval的區(qū)別查看全部
-
<marquee>知識(shí)點(diǎn)查看全部
-
間歇性循環(huán)滾動(dòng) <script type="text/javascript"> var area = document.getElementById('moocBox'); area.innerHTML += area.innerHTML;//復(fù)制內(nèi)容 var liHeight = 24; var time; function startMove(){ time = setInterval("scrollUp()",50); } function scrollUp(){ area.scrollTop ++; //判斷是否滾動(dòng)一整行 if(area.scrollTop%liHeight==0){ clearInterval(time); setTimeout("startMove()", 2000); }else{ if(area.scrollTop >= area.scrollHeight/2){ area.scrollTop = 0 } } } setTimeout("startMove()", 2000); </script>查看全部
-
scrollTop：向上滾動(dòng)的距離（元素內(nèi)容被卷去的高度） innerHTML可直接賦值（con2.innerHTML = con1.innerHTML;）查看全部
-
marquee滾動(dòng)標(biāo)簽查看全部
-
<marquee></marquee>實(shí)現(xiàn)滾動(dòng)效果的方式查看全部
-
marquee知識(shí)點(diǎn)查看全部
-
1.setTimeout（表達(dá)式，延遲時(shí)間） 2.setInterval(表達(dá)式，交互時(shí)間)查看全部
-
1、innerHTML<br> 2、scrollTop（向上滾動(dòng)的數(shù)值）后面的值不帶px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（執(zhí)行的方法）<br> 5、clearInterval()（清除執(zhí)行的方法）<br> 定義一個(gè)元素，然后將該元素克隆一個(gè)，當(dāng)原始的元素內(nèi)容結(jié)尾出現(xiàn)時(shí)，也就是滾動(dòng)高度等于元素的offsetHeight，后面跟上克隆元素，當(dāng)原始元素內(nèi)容滾動(dòng)完時(shí)，將滾動(dòng)高度值為0，即從頭開始滾動(dòng)，這樣就達(dá)到了無縫滾動(dòng) scrollTop：為元素內(nèi)容被卷去的高度查看全部
舉報(bào)
0/150
提交
取消