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

2023年03月20日 2862 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)

发布评论