调用js出现奇怪现象


var speed=40 
var demo=document.getElementById("colee"); 
var demo2=document.getElementById("colee2"); 
var demo1=document.getElementById("colee1"); 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
  demo.scrollTop-=demo1.offsetHeight 
else{ 
  demo.scrollTop++ 
} 
} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
  <div id="colee" class="news_list all red">
<div id="colee1">
<ul>
          <li><a href="#">关于征集国际科技合作备选项目的通知</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
          <li><a href="#">关于深圳市产业发展与创新人才</a></li>
         </ul>
         </div>
<div id="colee2"></div>
</div>为什么在我的网页里加载这段js代码会出现滚动一会儿就停止的现象，有没有人出现过这种情况，是什么原因造成的，谁能告诉我？谢谢。