美文网首页JavaScript
信息栏循环滚动

信息栏循环滚动

作者: LuckyS007 | 来源:发表于2017-10-30 14:45 被阅读17次
<div id="id">
 #d1
 #d2
</div > 
function toutiaoScroll(){
        var speed=90
        var news=document.getElementById("id"); 
        var news1=document.getElementById("d1"); 
        var news2=document.getElementById("d2"); 
        news2.innerHTML=news1.innerHTML 
        function Marquee(){ 
        if(news.scrollTop>=news1.offsetHeight){
        news.scrollTop=0; 
        }
        else{ 
        news.scrollTop=news.scrollTop+1;
        } 
        } 
        var MyMar=setInterval(Marquee,speed) 
        news.onmouseover=function(){clearInterval(MyMar)} 
        news.onmouseout=function(){MyMar=setInterval(Marquee,speed)} 
    }
    toutiaoScroll();

相关文章

网友评论

    本文标题:信息栏循环滚动

    本文链接:https://www.haomeiwen.com/subject/blippxtx.html