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