邓先森

个性化网页标题
前言: 经常看到某些大佬的博客的网页标题很个性,当离开页面的时候网页标题会变,回来的时候就变回来了,博主也找了资...
扫描右侧二维码阅读全文
09
2018/05

个性化网页标题

前言:

  • 经常看到某些大佬的博客的网页标题很个性,当离开页面的时候网页标题会变,回来的时候就变回来了,博主也找了资源实现了这个功能,一直也没写出来,今天就写出来分享给大家

离开页面效果:

回到页面效果:

代码如下:

var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "https://www.96sir.com/favicon.ico");
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "https://www.96sir.com/favicon.ico");
        document.title = "你可算回来了 (。•ˇ‸ˇ•。)" + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
Last modification:June 21st, 2018 at 05:07 pm
If you think my article is useful to you, please feel free to appreciate

One comment

  1. 孟小N

    比我的那个代码要繁琐一些,不过也挺好的
    ```

    /* 标签title切换 */document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='(◕ᴗ◕✿反正你也看不见我~哼!';}else{document.title=normal_title;}});

    ```

Leave a Comment