-
var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); con2.innerHTML = con1.innerHTML; function scrollUp(){ if(area.scrollTop >= con1.offsetHeight){ area.scrollTop = 0; }else{ area.scrollTop++; } } var time = 50; var myScroll = setInterval('scrollUp()',time);查看全部
-
無縫滾動:克隆一個一模一樣的內(nèi)容查看全部
-
marquee 標簽成對出現(xiàn),將內(nèi)容放在標簽中,默認向左滾動,在marquee里面寫屬性,時間以毫秒為單位,還可以設(shè)置onmouseout,onmouseover等屬性 behavior滾動方式: 1 alternate:兩端間來回滾動。2 scroll:由一端到另一端,會重復(fù)。3 slide:一端到另一端,不重復(fù) direction方向:上下左右 loop滾動次數(shù)(loop=-1表示一直滾動下去 scrollamount設(shè)定活動字幕的滾動速度 scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間查看全部
-
無縫滾動的知識點查看全部
-
marquee的知識點查看全部
-
marquee知識點查看全部
-
<marquee>知識點 1.behavior滾動方式 alternate:表示在兩端之間來回滾動 scroll:表示由一端滾動到另一端,重復(fù) slid:表示由一端滾動到另一端,不重復(fù) 2.direction滾動的方向down up left right 3.loop滾動的次數(shù)(當loop=-1時,表示一直滾動下去,默認為-1) 4.scrollamount設(shè)定活動字幕的滾動速度 5.scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間查看全部
-
marquee知識點查看全部
-
<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>查看全部
-
單次滾動判斷 area.scrollTop % iLiHeight==0 clearInterval(timer); area.innerHTML+=area.innerHTML 克隆了一份area里的內(nèi)容(即ul)查看全部
-
使用scrollLeft的必要條件是 第一:此標簽的內(nèi)容寬度超過了標簽本身的寬度。 這個很容易理解,如果內(nèi)容沒有超過標簽的寬度,不需要橫向的滾動就可以看到所有橫向的范圍,那在使用scrollLeft的時候肯定是無效的了。 在這里很多新手經(jīng)常會犯一個錯誤,內(nèi)容的大小確實是超過了標簽的顯示范圍,但是卻因為瀏覽器的默認屬性換行了,也就是沒有在橫向上超出,這時候同樣是不能使用scrollLeft的。 第二:scrollLeft的值范圍是在一定范圍內(nèi)的,不能無限增大。 當內(nèi)容的最右端可以顯示的時候,scrollLeft便不能再增加了。這個也容易理解。以瀏覽器右側(cè)滾動條為例,這個滾動條肯定是能拖到底的,這個拖動有一定的范圍,跟頁面內(nèi)容高度有關(guān)。 第三:scrollLeft(包括其他三個)常與定時器一起使用,實現(xiàn)位置移動效果,如滾動。 你應(yīng)該遇到的是第一個條件不滿足才產(chǎn)生的這個問題。所以建議你可以采用改變ul的margin-Left的值實現(xiàn)滾動效果查看全部
-
無縫滾動制作scrollTop設(shè)置向上滾動1、克隆要滾動的內(nèi)容2、判斷滾動是否結(jié)束,結(jié)束時回到滾動起點,否則繼續(xù)滾動3、用setInterval()實現(xiàn)滾動 function scroll(){ var area = document.getElementById("showtime"); var con2 = document.getElementById("con2"); con2.innerHTML = area.innerHTML; area.scrollLeft--; if(area.scrollLeft>=con2.offsetWidth) { area.scrollLeft = 0;} else{ area.scrollLeft--;} } setInterval('scroll()',50);查看全部
-
setTimeOut&&setInterval查看全部
-
var timer1=setInterval("test()",2000); var timer2=setTimeout("test()",2000); 都表示在2000ms 后執(zhí)行test函數(shù),不同的是setInterval 會無限次執(zhí)行,直到頁面關(guān)閉或timer1 被clearInterval(timer1)清除 而setTimeout會且只會執(zhí)行test函數(shù)一次,且timer2不需要清除查看全部
-
setTimeout vs setInterval查看全部
舉報
0/150
提交
取消