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>

 


免责声明!

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



猜您在找 HTML如何实现滚动文字 HTML中的文字标签 section标签实现文字滚动 HTML之marquee(文字滚动)详解 HTML之marquee(文字滚动)详解 如何使用js改变HTML中title里面固定的文字 HTML标签marquee实现滚动效果 html-有趣的标签-会移动的文字 使用正则表达式匹配HTML 下各种标签 </a> <a class='list-group-item' href="/blog/d4ea161.html" title="Html实现滚动文字-类似网页中的公告"> <i class="icon-file"></i> Html实现滚动文字-类似网页中的公告 </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2026 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20260216"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>