求大神幫我看下,為什么滾動(dòng)了一小下就不滾了呢?
<body>
<div id="box">
<ul class="con1">
? ?<li><a href="#">1. 學(xué)會(huì)html5 絕對(duì)的屌絲逆襲(案例)</a> </li>
? ?<li><a href="#">2. tab頁面切換效果(案例)</a></li>
? ?<li><a href="#">3. 圓角水晶按鈕制作(案例)</a></li>
? ?<li><a href="#">4. HTML+CSS基礎(chǔ)課程(系列)</a></li>
? ?<li><a href="#">5. 分頁頁碼制作(案例)</a></li>
? ?<li><a href="#">6. 導(dǎo)航條菜單的制作(案例)</a></li>
? ?<li><a href="#">7. 信息列表制作(案例)</a></li>
? ?<li><a href="#">8. 下拉菜單制作(案例)</a></li>
? ?<li><a href="#">9. 如何實(shí)現(xiàn)“新手引導(dǎo)”效果</a></li>
</ul>
<ul class="con2">
</ul>
</div>
<script>
var area=document.getElementById("box");
var con1=document.getElementsByClassName("con1");
var con2=document.getElementsByClassName("con2");
var speed=50;
area.scrollTop=0;
con2.innerHTML=con1.innerHTML;
function move(){
if(area.scrollTop>=con1.offsetHeight){
area.scrollTop=0;
}else{
area.scrollTop++;}
}
var myscroll=setInterval('move()',speed);
area.onmouseover=function(){
clearInterval(myscroll);
}
area.onmouseout=function(){
setInterval('move()',speed);
}
</script>
</body>
2016-04-20
問題補(bǔ)充:我剛剛試著把class改成了id,然后竟然奇跡般的可以滾動(dòng)了。。。求問,為什么不能用getElementsByClassName提取元素?只能用id?