-
信息左右無縫隙滾動效果???查看全部
-
間歇性循環(huán)滾動制作: 知識點: (1)setTimeout(表達式,延遲時間) 在執(zhí)行時,是在載入后延遲指定時間后,去執(zhí)行一次表達式,僅執(zhí)行一次 (2)setInterval(表達式,交互時間) 在執(zhí)行時,它從載入后,每隔指定的時間就執(zhí)行一次表達式查看全部
-
單次滾動制作: var area = document.getElementById("moocBox"); var liHeight = 24; //滾動高度 area.innerHTML += area.innerHTML; area.scrollTop = 0; function scrollUp(){ area.scrollTop++; if(area.scrollTop % liHeight ==0){ clearInterval(time); } } setInterval("scrollUp()",50);查看全部
-
鼠標懸停事件添加:鼠標懸停滾動停止,鼠標離開開始滾動。 var time = 50; function scrollUp(){ if(area.scrollTop >= con1.offsetHeight){ area.scrollTop = 0; }else{ area.scrollTop++; } } var myScroll = setInterval("scrollUp()",time); area.onmouseover = function(){ clearInterval(myScroll); } area.onmouseout = function(){ setInterval("scrollUp()",time); }查看全部
-
無縫滾動制作 知識點: (1)innerHTML 將con2內(nèi)容克隆給con1:con1.innerHTML=con2.innerHTML (2)scrollTop (3)offsetHeight (4)setInterval() (5)clearInterval() 例子: area是大div,con1是有內(nèi)容的ul,con2是沒有內(nèi)容的ul var area = document.getElementById("moocBox"); var con1 = document.getElementById("con1"); var 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);查看全部
-
<marquee>知識點: (1)behavior滾動的方式 alternate:表示在兩端之間來回滾動。 scroll:表示由一端滾動到另一端,會重復。 slide:表示由一端滾動到另一端,不會重復。 (2)direction滾動的方向是down、up、left、right (3)loop滾動的次數(shù)(當loop = -1表示一直滾動下去,默認為 -1) (4)scrollamount設定活動字幕的滾動速度 (5)scrolldelay設定活動字幕滾動兩次之間的延遲時間查看全部
-
用到的查看全部
-
marquee滾動方式查看全部
-
area.innerHTML+=area.innerHTML 克隆操作查看全部
-
marquee屬性查看全部
-
marquee知識點。查看全部
-
無縫滾動用到的屬性和方法查看全部
-
marquee滾動: onMouseover="this.stop()"; onMouseout="this.start()"查看全部
-
onMouseover="this.stop()"; onMouseout="this.start()";查看全部
-
marquee屬性的樣式設置:backgrouColor設置背景色 width、height分別呢設置滾動信息滾動區(qū)域的寬跟高(并非外部標簽的寬高)查看全部
舉報
0/150
提交
取消