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

目的地-Destination

发布于 2023-03-23 21:27:00

1.2K0

发布于 2023-03-23 21:27:00

文章被收录于专栏：目的地-Destination目的地-Destination

效果

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

使用

放置在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>

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023年03月20日，如有侵权请联系 cloudcommunity@tencent.com 删除

网站