`
zx_00
  • 浏览: 5624 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

文字从右到左滚动

阅读更多

实现了一行文字循环从浏览器右边滚动到左边

 

<body onload="showmsg()">

<div id="myshowmsg" style="position: absolute; left: -180px; width: 200px; color: lightcoral" >

    welcome to this page!!!

</div>

<script>

    var num;

    var msg = document.getElementById("myshowmsg");

    function showmsg(){

        if(parseInt(document.getElementById("myshowmsg").style.left)<=-120){

            msg.style.left = window.innerWidth+"px";

        }

        msg.style.left = (parseInt(msg.offsetLeft)-10)+"px";

        num = setTimeout("showmsg()",100);

    }

</body>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics