js实现文字滚动(记录一下)

说明:代码来源网络,此处只做记录,方便日后使用

<html>
<style>
#demo{width:300px;margin:0 auto; overflow:hidden}
#indemo{width:300%}
#demo1{width:300px; float:left}
#demo2{width:300px; float:left}
</style>
<div id="demo">
  <div id="indemo">
    <div id="demo1">如何用js实现一个横向滚动新闻</div>
    <div id="demo2"></div>
  </div>
</div>
<script>
var speed=10;//数字越大越慢
var demo=document.getElementById("demo")
var demo1=document.getElementById("demo1")
var demo2=document.getElementById("demo2")
demo2.innerHTML=demo1.innerHTML;
function marquee(){
    if(demo.scrollLeft>=demo1.offsetWidth){
        demo.scrollLeft=0;
    }else{
        demo.scrollLeft++;
    }
}
setInterval(marquee,speed)
</script>
</html>

 

posted @ 2020-05-18 18:28  漂渡  阅读(4011)  评论(0编辑  收藏  举报