JS实现文字跑马灯

2024-07-13 11:51| 来源: 网络整理| 查看: 265

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

实现原理：

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

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

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

>>>欢迎你能够来学习>>> >>>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)

【本文地址】

JS实现文字跑马灯

JS实现文字跑马灯

今日新闻

推荐新闻