求大神帮我看下，为什么滚动了一小下就不滚了呢？
<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>
