-
area.innerHTML+=area.innerHTML 克隆了一份area里的內容(即ul)查看全部
-
知識點查看全部
-
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、疑問:為啥它滾動到第9條內容時就自動停止了?查看全部
-
無縫滾動,克隆一次滾動內容查看全部
-
?<marquee>知識點: 1.behavior滾動的方式:①alternate:兩端來回滾動 ②scroll:一端滾動到另一端,會重復 ③slide:一端滾動到另一端,不會重復 2.direction滾動的方向(down,up,left,right) 3.loop(滾動的次數loop=-1表示一直滾動下去,默認為-1) 4.scrollamount設定活動字幕的滾動速度 5.scrolldelay設定活動字母滾動兩次之間的延遲時間,即即間隔時間,單位毫秒 ?說明: ① marquee標簽有閉合,是成對出現的:<marquee></marquee> ② 把要設滾動的內容放marquee中間 ③ 默認向左滾動 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 這里設的width和height是內容滾動區域的寬和高,而不是最外面標簽<dd>的寬和高 ?實現鼠標放到marquee內容上停止,鼠標移開繼續滾動: 需在marquee開始標簽內寫:onmouseover="this.stop();" onmouseout="this.start();"查看全部
-
marquee知識點: 1.behavior滾動方式{alternate:兩端來回滾動。scroll:一端滾動到另一端,會重復。slide:一端滾動到另一端,不會重復} 2.direction(down,up,left,right) 3.loop(滾動次數loop=-1表示一直滾動下去,默認為-1) 4.scrollamount設定活動字幕的滾動速度 5.scrolldelay設定活動字母滾動兩次之間的延遲時間查看全部
-
123查看全部
-
js 實現無縫滾動。查看全部
-
標簽和方法查看全部
-
標簽屬性查看全部
-
area.scrollHeight,area.scrollTop查看全部
-
marquee 滾動查看全部
-
<marquee>查看全部
-
知識點查看全部
-
<marquee>知識點查看全部
舉報
0/150
提交
取消