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

效果

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

使用

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

代码语言：javascript复制

<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>

网站 footer script 博客 测试

0 人点赞