美文网首页
使用JavaScript实现网页title滚动特效

使用JavaScript实现网页title滚动特效

作者: Bior | 来源:发表于2020-04-17 16:47 被阅读0次

    之前在网上看到有的网站能够实现title在标题栏上进行滚动的特效,今天在网站找了一下,发现实现其实非常简单,代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8 />
    <title>让网页的Title标题文字滚动显示效果</title>
    </head>
    <body bgcolor="#ffffff" onload="newtext()">
    <script language=javascript >
    var text=document.title
    var timerID
    function newtext() {
                clearTimeout(timerID)                  
                document.title=text.substring(1,text.length)+text.substring(0,1)
                text=document.title.substring(0,text.length)
                timerID = setTimeout("newtext()", 100)
    }
    </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:使用JavaScript实现网页title滚动特效

          本文链接:https://www.haomeiwen.com/subject/pspyvhtx.html