-
marquee标签知识普及： direction: 滚动方向. loop: 滚动循环次数. behavior: 滚动的行为. scrollamount: 滚动的速度.查看全部
-
<marquee>知识点 默认向左滚动 behavior 滚动方式 alternate 两端之间来回滚动； scroll 一段滚动到另一端 会重复； slide 表示由一段滚动到另一端，不会重复 direction 滚动的方向 down、up、left、right loop 滚动的次数 默认-1 无限循环 scrollamount 设定滚动速度 scrolldelay 设定两次滚动之间的延迟时间查看全部
-
div{ width:200px; height:200px; border:1px solid #f00; margin:0 auto; margin-top:200px; overflow:hidden; } li{ list-style-type:none; height:24px; line-height:24px; font-size:14px; } <div id="box"> <ul id="con1"> <li>woshi1</li> <li>woshi2</li> <li>woshi3</li> <li>woshi4</li> <li>woshi5</li> <li>woshi6</li> <li>woshi7</li> <li>woshi8</li> <li>woshi9</li> </ul> <ul id="con2"></ul> </div> var box = document.getElementById('box'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); con2.innerHTML = con1.innerHTML; function scroll(){ if(box.scrollTop>=con1.offsetHeight){ box.scrollTop=0; }else{ box.scrollTop++; } } var time =50; setInterval("scroll()",time);查看全部
-
marquee知识点查看全部
-
marquee知识点查看全部
-
优化的：查看全部
-
#mooc{ width:200px; height:160px; border:2px solid #f00; overflow:hidden; margin:200px auto auto auto; } #mooc ul li{ list-style-type:none; height:24px; line-height:24px; } <div id="mooc"> <ul > <li>woshi1</li> <li>woshi2</li> <li>woshi3</li> <li>woshi4</li> <li>woshi5</li> <li>woshi6</li> <li>woshi7</li> <li>woshi8</li> <li>woshi9</li> </ul> </div> var m=document.getElementById("mooc"); m.innerHTML+=m.innerHTML; m.scrollTop=0; //初始化 var liHeight=24; var time; function move(){ m.scrollTop++; time=setInterval(top1,50); } function top1(){ // m.scrollTop++; if(m.scrollTop % liHeight==0){ clearInterval(time); setTimeout("move()",5000); }else{ m.scrollTop++; if(m.scrollTop>=m.scrollHeight/2){ m.scrollTop=0; } } } setTimeout(move,2000);查看全部
-
求指点scrolltop， scrollheigt关系 if(ar.scrollTOP >= ar.scrollheight/2){ar.scrolltop=0}问题1：这句代表什么意思啊？ 2：scrolltop 和 scrollheigth不是一个东西吗？scrolltop代表啥？ scrollheigth又代表什么？ 3 为啥不是ar.scrollheight=0 .xiexie大神查看全部
-
js 下部分查看全部
-
js上部分查看全部
-
知识点：查看全部
-
m.innerHTML+=m.innerHTML; 做克隆 2：m.scrollTop（滚动高度） % liHeight（一行li的高度）==0查看全部
-
问题是：只走了一次 #mooc{ width:200px; height:160px; border:2px solid #f00; overflow:hidden; margin:200px auto auto auto; } #mooc ul li{ list-style-type:none; height:24px; line-height:24px; } <div id="mooc"> <ul > <li>woshi1</li> <li>woshi2</li> <li>woshi3</li> <li>woshi4</li> <li>woshi5</li> <li>woshi6</li> <li>woshi7</li> <li>woshi8</li> <li>woshi9</li> </ul> </div> var m=document.getElementById("mooc"); m.innerHTML+=m.innerHTML; m.scrollTop=0; //初始化 var liHeight=24; function top1(){ m.scrollTop++; if(m.scrollTop % liHeight==0){ clearInterval(time); } } var time=setInterval(top1,50);查看全部
-
js调用查看全部
-
html2查看全部
举报
0/150
提交
取消