HTML-title标签的文字滚动 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title id="title">HTML 是用来描述网页的一种语言。&nbsp;&nbsp;&nbsp;&nbsp;</title>
    </head>
    <body>
        <script>
            // 滚动标题
            setInterval(function() {
                var tag = document.getElementById('title');//根据id获取元素
                var content = tag.innerText; // 获取title标签的文本内容
                var firstStr = content.charAt(0); // 获取第一个字
                var surplue = content.substring(1, content.length); // 删除第一个字
                var new_content = surplue + firstStr; // 把第一个字加到最后面
                tag.innerText = new_content;
            }, 1000);
        </script>
    </body>
</html>

 

posted @ 2019-11-29 15:43  花先生。  阅读(1268)  评论(0)    收藏  举报