调用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>