-
无缝滚动原理： 原始内容为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
提交
取消