-
setTimeout与setInterval的区别查看全部
-
<body> <div id="scrollBox"> <span id="con1"><a href="#">1.搞得我</a><a href="#">2.顶顶顶顶顶顶顶顶顶多多顶顶顶顶顶顶</a><a href="#">3.少时诵诗书所所所</a></span> <span id="con2"></span> </div> <script type="text/javascript"> var timer=null; var box=document.getElementById("scrollBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; function scroll() { if (box.scrollLeft>=con1.scrollWidth) { box.scrollLeft=0; } else { box.scrollLeft++; } } var speed=17; timer=setInterval("scroll()",speed); box.onmouseover=function() { clearInterval(timer); } box.onmouseout=function() { timer=setInterval("scroll()",speed); } </script> </body>查看全部
-
向左无缝滚动 <style type="text/css"> *{ margin: 0;padding: 0; } #scrollBox{ font-size: 0;/* 去除行内块级元素换行符间隙 */ width: 300px; height: 50px; line-height:50px;/*垂直居中*/ margin: 0 auto; background-color: #eee; border: 1px solid red; white-space: nowrap;/*不换行*/ overflow: hidden; } span{ display: inline-block; } a{ text-decoration: none; display: inline-block; /*border: 1px solid blue;*/ margin: 0 10px; font-size: 17px; } a:hover{ color: red; } </style>查看全部
-
间歇性循环滚动查看全部
-
无缝滚动+鼠标悬停查看全部
-
滚动标签marquee知识点查看全部
-
setTimeout和setInterval的区别查看全部
-
<marquee>知识点查看全部
-
间歇性循环滚动 <script type="text/javascript"> var area = document.getElementById('moocBox'); area.innerHTML += area.innerHTML;//复制内容 var liHeight = 24; var time; function startMove(){ time = setInterval("scrollUp()",50); } 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>查看全部
-
scrollTop：向上滚动的距离（元素内容被卷去的高度） innerHTML可直接赋值（con2.innerHTML = con1.innerHTML;）查看全部
-
marquee滚动标签查看全部
-
<marquee></marquee>实现滚动效果的方式查看全部
-
marquee知识点查看全部
-
1.setTimeout（表达式，延迟时间） 2.setInterval(表达式，交互时间)查看全部
-
1、innerHTML<br> 2、scrollTop（向上滚动的数值）后面的值不带px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（执行的方法）<br> 5、clearInterval()（清除执行的方法）<br> 定义一个元素，然后将该元素克隆一个，当原始的元素内容结尾出现时，也就是滚动高度等于元素的offsetHeight，后面跟上克隆元素，当原始元素内容滚动完时，将滚动高度值为0，即从头开始滚动，这样就达到了无缝滚动 scrollTop：为元素内容被卷去的高度查看全部
举报
0/150
提交
取消