-
無縫滾動原理： 原始內(nèi)容為1，克隆內(nèi)容為2 當(dāng)原始內(nèi)容到達此刻的位置時，重新克隆出原始內(nèi)容2,2在緊接在1的后面 當(dāng)1的內(nèi)容滾出可視區(qū)，2的內(nèi)容到達可視區(qū)的頂部時，此刻就開始了無縫滾動查看全部
-
marquee behavior滾動方式： 1 alternate:兩端之間來回滾動 2 scroll:一端滾動到另一端，會重復(fù) 3 slide；一端滾動到另一端，不重復(fù) 滾動方向：down up left right 滾動次數(shù)：loop=-1(一直滾動下去，為默認值) 滾動速度：scrollamount 滾動兩次間的延遲時間:scrolldelay查看全部
-
<marquee>在html5當(dāng)中逐漸棄用。圖片所示為其屬性和作用查看全部
-
marquee標(biāo)簽內(nèi)的width和height設(shè)置的為滾動區(qū)域的寬和高查看全部
-
<marquee direction="right" scrolldelay="100" scrollamount="2" behavior="alternate" loop="3">滾動內(nèi)容</marquee>查看全部
-
延遲時間查看全部
-
滾動知識查看全部
-
1、setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。 setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。 2、setTimeout(code,ms) 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式。 注意：setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用，請使用 setInterval() 或者讓code 自身再次調(diào)用 setTimeout()。查看全部
-
間歇性循環(huán)滾動： <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>查看全部
-
setTimeout setInterval 區(qū)別查看全部
-
area.innerHTML+=area.innerHTML 克隆了一份area里的內(nèi)容(即ul)查看全部
-
scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 (即網(wǎng)頁被卷去的高) clientTop:返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0。 配合定位使用，有top,left,right,bottom。 offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置查看全部
-
1、布局： <div id="mooc"> <div id="moocBox"> <ul id="con1"> <li>第1條標(biāo)題</li> <li>第2條標(biāo)題</li> <li>第3條標(biāo)題</li> <li>第4條標(biāo)題</li> <li>第5條標(biāo)題</li> <li>第6條標(biāo)題</li> <li>第7條標(biāo)題</li> <li>第8條標(biāo)題</li> <li>第9條標(biāo)題</li> </ul> <ul id="con2"></ul> </div> </div> 2、CSS樣式： #mooc{overflow:hidden;} 3、JS部分關(guān)鍵代碼： ① var area=document.getElementById("moocBox"); area.scrollTop=0; var time=50; setInterval('area.scrollTop',time); ② 克隆是讓con1.innerHTML = con2.innerHTML ③ 判斷條件： if(area.scrollTop>=con1.offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; } 4、說明：①scrollTop向上滾動的數(shù)值 ②offsetHeight:元素自身的高度 5、封裝 function scrollUp(){判斷條件}； var myScroll=setInterval('scrollUp()',time);查看全部
-
鼠標(biāo)懸停事件添加： area.onmouseover=function(){ clearInterval(myscroll); } area.onmouseout=function(){ setInterval("myscroll",time);}查看全部
-
無縫滾動知識點查看全部
舉報
0/150
提交
取消