让网页标签页头部有新消息提醒和Title标题文字滚动显示效果

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

本篇文章具体介绍如下

demo展示1：

<!DOCTYPE html PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>让网站网页设计的Title标题文字滚动显示效果</title>
    </head>

    <body bgcolor="#ffffff" onl oad="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>

demo展示2：

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8"/>
        <title>JS实现title标题闪烁提示信息</title>
    </head>
    <body>
        <script type="text/javascript">
            _record = 0;
            var myTitle = document.title;

            function titleBlink() {
                _record  ;
                if(_record == 3) { //当变量_record累加到3是，将其赋值为1。相当于无限循环。
                    _record = 1;
                }
                if(_record == 1) {
                    document.title = '【  】'   myTitle;
                }
                if(_record == 2) {
                    document.title = '【新消息】'   myTitle;
                }
                setTimeout("titleBlink()", 500); //调节时间，单位毫秒。
            }
            titleBlink();
        </script>
        
    </body>

</html>