JS实现文字跑马灯

最新推荐文章于 2024-07-28 20:27:10 发布

joannazhu

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量9.1k

点赞数

分类专栏： JavaScript 文章标签： javascript 脚本 function 语言 string div

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

转载：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>

joannazhu

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
JS实现文字跑马灯

转载：http://blog.163.com/freestyle_le/blog/static/18327944820119212328784/实现原理：1）首先截取全部字段，例如 54321；2）再截取最后一个字符，并加在之前的字符，例如154321；3）除去最后一个字符，剩下为 15432 >>>欢迎你能够来学习>>> >>>JavaScript是一门脚本语言>>
复制链接

扫一扫

专栏目录