为什么就是滚不了
<body>
<div class="news" id="news">
<div class="bulletin">
<h3>快报</h3>
<a href="#">更多》</a>
</div>
<div id="notice">
<ul id="con1">
<li><a href="#"><strong>1[公告]</strong>京东中国特产·盱眙馆正式启动</a></li>
<li><a href="#"><strong>2[特惠]</strong>京东中国特产·盱眙馆正式启动</a></li>
<li><a href="#"><strong>3[特惠]</strong>TCL电视 直降千元再返千元！</a></li>
<li><a href="#"><strong>4[公告]</strong>京东中国特产·盱眙馆正式启动</a></li>
<li><a href="#"><strong>5[公告]</strong>里约奥运吉祥物 京东首发</a></li>
<li><a href="#"><strong>6[公告]</strong>京东中国特产·盱眙馆正式启动</a></li>
<li><a href="#"><strong>7[万和]</strong>品质狂欢618，抽4999元旅游基金</a></li>
<li><a href="#"><strong>8[公告]</strong>阅读指数帮您选好书好碟</a></li>
</ul>
<ul id="con2">
</ul>
</div>
</div>
</body>
<script src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var area = document.getElementById('news'),
con1 = document.getElementById('con1'),
con2 = document.getElementById('con2');
con2.innerHTML = con1.innerHTML;
function scrollUp(){
if(area.scrollTop >= con1.scrollHeight){
area.scrollTop = 0;
}else{
area.scrollTop++;
}
}
var time = 50;
var myScroll = setInterval('scrollUp()',time);
//当鼠标移入时停止滚动
area.onmouseover = function(){
clearInterval(myScroll);
}
//当鼠标离开时继续滚动
area.onmouseout = function(){
myScroll = setInterval('scrollUp()',time);
}
</script>
