JS实现文字跑马灯

来源：互联网发布：mac文稿占用编辑：程序博客网时间：2024/05/22 16:00

转载：http://blog.163.com/freestyle_le/blog/static/18327944820119212328784/

实现原理：

1）首先截取全部字段，例如 54321；

2）再截取最后一个字符，并加在之前的字符，例如154321；

3）除去最后一个字符，剩下为 15432

<html><head>    <title>>>>欢迎你能够来学习>>> >>>JavaScript是一门脚本语言>>>    </title></head><body>    <div id="wenzi">    </div>    <script type="text/javascript">var meninfo=" 欢迎你能够来学习 JavaScript是一门脚本语言";var info="欢迎你能够来学习 JavaScript是一门脚本语言";function setSatatus(){    document.title=info.substring(0,info.length);  //设置title    info=info+info.substring(0,1);        info=info.substring(1,info.length); }setInterval(setSatatus,500);function left(){    var id=document.getElementById("wenzi");    if(typeof id.textContent=="string"){        id.textContent=meninfo.substring(0,meninfo.length);     } else{        id.innerText=meninfo.substring(0,meninfo.length);    }                         meninfo=meninfo+meninfo.substring(0,1);                                 meninfo=meninfo.substring(1,meninfo.length);                       }setInterval(left,500)</script></body></html>