上下滚动js

<div id="MarqueePro" style="overflow:hidden;height:70px;">
<div id="MarqueePro1">
我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程
</div>

<div id="MarqueePro2"></div>
</div>
<script>
var speed=40;
var MarqueePro=document.getElementById("MarqueePro");
var MarqueePro2=document.getElementById("MarqueePro2");
var MarqueePro1=document.getElementById("MarqueePro1");
MarqueePro2.innerHTML=MarqueePro1.innerHTML
function Marquee(){
    if(MarqueePro2.offsetTop-MarqueePro.scrollTop<=0){
        MarqueePro.scrollTop-=MarqueePro1.offsetHeight;
    }
    else{
        MarqueePro.scrollTop++;
    }
}
var MyMar=setInterval(Marquee,speed);
MarqueePro.onmouseover=function() {clearInterval(MyMar)}
MarqueePro.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>