-
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
提交
取消