HTML-title标签的文字滚动

本文转载自查看原文 2019-11-29 15:43 266 JavaScript/ HTML

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 HTML滚动文字代码 marquee标签 HTML滚动文字代码 marquee标签 HTML滚动文字代码 marquee标签 HTML如何实现滚动文字 html 文字滚动组件 HTML如何实现滚动文字 HTML中的文字标签 section标签实现文字滚动 HTML a标签文字颜色 HTML之marquee(文字滚动)详解