-
alternote 來回滾動查看全部
-
<marquee>知識點(diǎn): 1、behavior滾動的方式: 1.1 alternate:表示在兩端之間來回滾動。 1.2 scroll:表示由一端滾動到另一端,會重復(fù)。 1.3 slide:表示由一端滾動到另一端,不會重復(fù)。 2、direction滾動的方向:down、up、left、right 3、loop滾動的次數(shù)(當(dāng)loop=-1表示一直滾動下去,默認(rèn)為-1) 4、scrollamount設(shè)定活動字幕的滾動速度 5、scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間 **<marquee>屬于HTML自帶的標(biāo)簽,只是隨著HTML5的發(fā)展,這個標(biāo)簽也用得越來越少了。查看全部
-
setInterval() 方法可按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式。 setInterval() 方法會不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。查看全部
-
<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>查看全部
-
<script type="text/javascript"> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); moocBox.scrollTop=0;//scrollTop的對象是div塊級 con2.innerHTML=con1.innerHTML; function scrollup(){ if(moocBox.scrollTop==con1.offsetHeight){ moocBox.scrollTop=0; }else{ moocBox.scrollTop++;} } var timer=setInterval("scrollup()",50); moocBox.onmouseover=function(){ clearInterval(timer); } moocBox.onmouseout=function(){ timer=setInterval("scrollup()",50); } </script>查看全部
-
滾動方式behavior: scroll:循環(huán)滾動,默認(rèn)效果; slide:只滾動一次就停止; alternate:來回交替進(jìn)行滾動 語法:<marquee behavior="滾動方式">...</marquee> 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee> 滾動循環(huán)loop(默認(rèn)值是-1,滾動會不斷的循環(huán)下去) 語法:<marquee loop="2">...</marquee> 動速度scrollamount(滾動速度是設(shè)置每次滾動時移動的長度,以像素為單位) 語法:<marquee scrollamount="5">...</marquee>查看全部
-
setInterval和setTimeout查看全部
-
marquee 知識點(diǎn)查看全部
-
這是因?yàn)闈L動高度的問題,就是說在執(zhí)行scrollUp函數(shù)的時候,在判斷之前,scrollTop先加一,由于這里高度是24,每次執(zhí)行要加兩次,也就是最后一次執(zhí)行完,scrollTop等于已經(jīng)24了,然后下次執(zhí)行的時候又加了一,就是25了,所以永遠(yuǎn)的都不會停下來,不知道我說清楚沒有,你可以把24改成25試試,查看全部
-
如果將function startScroll()函數(shù)的area.scrollTop++;語句挪到function scrollUp()函數(shù)中的第一步,問什么會出現(xiàn)一直滾動而不停歇的效果查看全部
-
知識點(diǎn)查看全部
-
<marquee>知識點(diǎn)查看全部
-
onload在真?zhèn)€頁面加載完成之后就會執(zhí)行,如果將代碼放在body里,在加載頁面時函數(shù)已經(jīng)加載。如果將代碼放到head里,代碼在頁面加載時不會加載,直到整個頁面加載完成之后才執(zhí)行。此時scrollUp函數(shù)在調(diào)用處的后面。就會先報錯吧。查看全部
-
scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 (即網(wǎng)頁被卷去的高)查看全部
-
網(wǎng)頁加載是有順序的!有的需要先加載DOM在加載JS! 我認(rèn)為將JS放到head里,瀏覽器會首先加載JS而后再加載html文檔里的其他內(nèi)容,所以若js中用到了后面的DOM結(jié)構(gòu)等,而后面的DOM結(jié)構(gòu)等都沒有加載完畢,就會出現(xiàn)這種情況,查看全部
舉報
0/150
提交
取消