-
信息左右无缝隙滚动效果？？？查看全部
-
间歇性循环滚动制作： 知识点： （1）setTimeout（表达式，延迟时间） 在执行时，是在载入后延迟指定时间后，去执行一次表达式，仅执行一次 （2）setInterval（表达式，交互时间） 在执行时，它从载入后，每隔指定的时间就执行一次表达式查看全部
-
单次滚动制作： 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内容克隆给con1：con1.innerHTML=con2.innerHTML （2）scrollTop （3）offsetHeight （4）setInterval() （5）clearInterval() 例子： area是大div，con1是有内容的ul，con2是没有内容的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滚动的次数（当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分别呢设置滚动信息滚动区域的宽跟高（并非外部标签的宽高）查看全部
举报
0/150
提交
取消