-
知識(shí)點(diǎn)查看全部
-
滾動(dòng)方式behavior: scroll:循環(huán)滾動(dòng)，默認(rèn)效果； slide:只滾動(dòng)一次就停止； alternate:來回交替進(jìn)行滾動(dòng) 語(yǔ)法：<marquee behavior="滾動(dòng)方式">...</marquee> 滾動(dòng)方向direction（包括4個(gè)值：up、 down、 left和 right） 語(yǔ)法：<marquee direction="滾動(dòng)方向">...</marquee> 滾動(dòng)循環(huán)loop（默認(rèn)值是-1，滾動(dòng)會(huì)不斷的循環(huán)下去） 語(yǔ)法：<marquee loop="2">...</marquee> 動(dòng)速度scrollamount（滾動(dòng)速度是設(shè)置每次滾動(dòng)時(shí)移動(dòng)的長(zhǎng)度，以像素為單位） 語(yǔ)法：<marquee scrollamount="5">...</marquee>查看全部
-
setTimeout(表達(dá)式，延遲時(shí)間);與setInterval(表達(dá)式，交互時(shí)間);的區(qū)別查看全部
-
<script type="text/javascript"> var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); var speed = 50; area.scrollTop = 0; con2.innerHTML = con1.innerHTML; var timer=null; function short(){ area.scrollTop++; timer=setTimeout(short,50); if(area.scrollTop%24==0) clearTimeout(timer); if(area.scrollTop>=con1.offsetHeight) area.scrollTop=0; } var timer2=setInterval(short,2000); </script>查看全部
-
marquee標(biāo)簽查看全部
-
1、innerHTML<br> 2、scrollTop（向上滾動(dòng)的數(shù)值）后面的值不帶px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（執(zhí)行的方法）<br> 5、clearInterval()（清除執(zhí)行的方法）<br>查看全部
-
<script type="text/javascript"> var area = document.getElementById('moocBox'); area.innerHTML += area.innerHTML; var speed = 50; var liHeight = 24; var time; function startMove(){ time = setInterval("scrollUp()",speed); } function scrollUp(){ area.scrollTop ++; if(area.scrollTop%liHeight==0) { clearInterval(time); setTimeout("startMove()", 2000); } else{ if(area.scrollTop >= area.scrollHeight/2) { area.scrollTop = 0 } } } setTimeout("startMove()", 2000); </script>查看全部
-
定義一個(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)容被卷去的高度查看全部
-
<marquee>屬性查看全部
-
<dd><marquee direction="up" bgcolor="orange" width="250" height="50">我在區(qū)域內(nèi)滾動(dòng)，向上喲。。。。</marquee></dd> 這里的width和height指的是滾動(dòng)區(qū)域大小 不是<dd></dd>標(biāo)簽的大小查看全部
-
setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。 setInterval() 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。查看全部
-
<script> //將定時(shí)器、列表行間距聲明為全局變量 var timer=null; var lineHeight=24; $(function(){ //當(dāng)頁(yè)面加載完后，延遲兩秒鐘執(zhí)行startScroll（）函數(shù)。 //而不用setInterval(startScroll,50)，否則頁(yè)面加載完畢后，列表會(huì)直接滾動(dòng)到第二行而人眼無法察覺 setTimeout(startScroll,2000); $("#moocBox ul").clone(true).appendTo("#moocBox");//帶行為的克隆 }) function startScroll(){ var top=++$("#moocBox")[0].scrollTop;//先自增后賦值，top值依次為1、2、3....而不xain先賦值后自增，否則永遠(yuǎn)不滾動(dòng) if(top%lineHeight == 0){ setTimeout("startScroll()",2000); }else{ startScroll(); } var ulHeight=$("#moocBox ul")[0].offsetHeight; if(top == ulHeight){ $("#moocBox")[0].scrollTop=0; } } </script>查看全部
-
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 (即網(wǎng)頁(yè)被卷去的高)查看全部
-
/*依據(jù)相同原理用jQuery框架實(shí)現(xiàn)文字的無縫滾動(dòng) <script src="../js/jquery-3.0.0.min.js" ></script> <script type="text/javascript"> /*jQuery框架實(shí)現(xiàn)文字的無縫滾動(dòng)*/ $(document).ready(function(e) { var timer=null; $('#con1').clone().appendTo($('#moocBox')); timer=setInterval('scrollUp()',50); $('#moocBox').mouseover(function(){clearInterval(timer)});//鼠標(biāo)移入，停止?jié)L動(dòng) $('#moocBox').mouseout(function(){timer=setInterval(function(){scrollUp()},50)});//鼠標(biāo)移出，繼續(xù)滾動(dòng) }); function scrollUp(){ var area=$('#moocBox').get(0); area.scrollTop++;//jQuery對(duì)象是數(shù)組對(duì)象，轉(zhuǎn)換為DOM對(duì)象用[index]或get(index); if(area.scrollTop >= $('#con1')[0].offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; } } </script>查看全部
-
marquee查看全部
舉報(bào)
0/150
提交
取消