`

网页标题title的闪动提示

 
阅读更多
转自:http://www.nowamagic.net/librarys/veda/cate/JavaScript
<script type="text/javascript" language="javascript">
    var flashTitlePlayer = {
        start: function (msg) {
            this.title = document.title;
            if (!this.action) {
                try {
                    this.element = document.getElementsByTagName('title')[0];
                    this.element.innerHTML = this.title;
                    this.action = function (ttl) {
                        this.element.innerHTML = ttl;
                    };
                } catch (e) {
                    this.action = function (ttl) {
                        document.title = ttl;
                    }
                    delete this.element;
                }
                this.toggleTitle = function () {
                    this.action('【' + this.messages[this.index = this.index == 0 ? 1 : 0] + '】欢迎访问简明现代魔法');
                };
            }
            this.messages = [msg];
            var n = msg.length;
            var s = '';
            if (this.element) {
                var num = msg.match(/\w/g);
                if (num != null) {
                    var n2 = num.length;
                    n -= n2;
                    while (n2 > 0) {
                        s += "&nbsp;";
                        n2--;
                    }
                }
            }
            while (n > 0) {
                s += ' ';
                n--;
            };
            this.messages.push(s);
            this.index = 0;
            this.timer = setInterval(function () {
                flashTitlePlayer.toggleTitle();
            }, 1000);
        },
        stop: function () {
            if (this.timer) {
                clearInterval(this.timer);
                this.action(this.title);
                delete this.timer;
                delete this.messages;
            }
        }
    };
    function flashTitle(msg) {
        flashTitlePlayer.start(msg);
    }
    function stopFlash() {
        flashTitlePlayer.stop();
    }



flashTitle("start..");

</script>
分享到:
评论

相关推荐

    一个网页标题title的闪动提示效果实现思路

    实现标题闪动提示效果的基本思路是通过JavaScript中的AJAX技术与后端进行通信,获取新消息数据,然后通过改变&lt;title&gt;标签中的内容来提示用户。提示信息通常会在提示内容与空标题之间切换,通过全角空格和半角空格的...

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁...

    一个JS函数搞定网页标题(title)闪动效果

    在这篇文章中,主要介绍了使用JavaScript编写的一个函数来实现网页标题闪动效果的方法。标题中的“一个JS函数搞定网页标题闪动效果”明确指出了实现该效果只需要一个JavaScript函数,这表明了该方法的简洁性与高效性...

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何 JavaScript 库或框架

    本文将深入探讨如何使用纯JavaScript实现浏览器的`title`闪烁、滚动、声音提示以及通知功能,而无需依赖任何外部库或框架。 首先,让我们关注`title`闪烁效果。在JavaScript中,可以利用`setInterval`函数定时更改...

    JS实现消息来时让网页标题闪动效果的方法

    总的来说,要实现消息来时网页标题的闪动效果,主要涉及JavaScript的DOM操作(如 `document.title`),定时器(`setInterval` 和 `clearInterval`),以及可能的AJAX请求(用于实时数据更新)。这样的技术可以帮助...

    javascript title闪动效果

    ### JavaScript 实现网页标题栏闪动效果解析 #### 背景介绍 在网页设计中,为了提升用户体验和增加交互性,开发者们经常会利用各种视觉效果来吸引用户的注意力。其中,网页标题栏(即浏览器标签页上的标题)的动态...

    JS实现闪动的title消息提醒效果

    一个常见的做法是通过改变网页标题来实现“闪动”的提醒效果。本文将详细讲解如何使用JavaScript来实现在窗口未获得焦点或最小化时,使标题栏在“【新消息】”和空白之间交替闪烁。 首先,我们来看一下核心的...

    托盘闪动消息提醒(有声音+源码)-JAVA版

    `title`是消息标题,`message`是消息内容,`type`可以是`TrayIcon.MessageType.INFO`、`TrayIcon.MessageType.WARNING`或`TrayIcon.MessageType.ERROR`,以表示不同的消息类型。 4. **添加到系统托盘**: 在确认...

Global site tag (gtag.js) - Google Analytics