博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

上下滚动js

Posted on 2009-04-20 22:25  linFen  阅读(697)  评论(0编辑  收藏  举报

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