给网站增加有趣的动态网页标签标题

2023年03月20日 3410 9 Web端 发布

效果

当离开我们博客的页面是,显示“╭(°A°`)╮ 页面崩溃啦 ~”,当回来后,显示“(ฅ>ω<*ฅ) 噫又好啦 ~”

iShot_2023-03-20_13.42.36.png

iShot_2023-03-20_13.42.45.png

使用

放置在footer文件中,或任意位置的<script></script>中均可。 文字可随意修改。
实际效果也可测试本博客。

<script>
// 浏览器搞笑标题
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        $('[rel="icon"]').attr('href', "/funny.ico");
        document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
        clearTimeout(titleTime);
    }
    else {
        $('[rel="icon"]').attr('href', "/favicon.ico");
        document.title = '(ฅ>ω<*ฅ) 噫又好啦 ~' + OriginTitle;
        titleTime = setTimeout(function () {
            document.title = OriginTitle;
        }, 2000);
    }
});
</script>
JavaScript网站标题

相关文章

ChatGPT人工智能聊天机器人
Typecho调用分类列表并隐藏多个分类方法
Js/JQuery将数字金额转换为其他国家货币格式(包括货币符号和千分符)

评论(9)

  1. 帮你创收0.01刀

    1. @荒野孤灯 啊?广告?😂😂😂

      1. @Chrison 嗯啊

  2. 我一般都是批量拜访网站的,看到这种提示,都直接关页面~

    1. @Teacher Du 啊这。。。痛失大佬!~

  3. 竟然使用Firefox~

    1. @风记星辰 我一直用的火狐。哈哈哈哈

      1. @Chrison 那来我这里会有一定卡顿,Firefox对css动画支持真的差点意思。

        1. @风记星辰 我这还好。我之前看到有人评论说访问你网站,他风扇一直转。。。但我没有这种情况。哈哈哈哈

发布评论