求大神幫我看下，為什么滾動了一小下就不滾了呢？
<body>
<div id="box">
<ul class="con1">
? ?<li><a href="#">1. 學會html5 絕對的屌絲逆襲（案例）</a> </li>
? ?<li><a href="#">2. tab頁面切換效果（案例）</a></li>
? ?<li><a href="#">3. 圓角水晶按鈕制作（案例）</a></li>
? ?<li><a href="#">4. HTML+CSS基礎課程(系列)</a></li>
? ?<li><a href="#">5. 分頁頁碼制作（案例）</a></li>
? ?<li><a href="#">6. 導航條菜單的制作（案例）</a></li>
? ?<li><a href="#">7. 信息列表制作(案例)</a></li>
? ?<li><a href="#">8. 下拉菜單制作(案例)</a></li>
? ?<li><a href="#">9. 如何實現“新手引導”效果</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
問題補充：我剛剛試著把class改成了id，然后竟然奇跡般的可以滾動了。。。求問，為什么不能用getElementsByClassName提取元素？只能用id？