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