前几天看到别人网站的动态标题感觉很好看
自己又不会做就百度了一个教程
前几天看到别人网站的动态标题感觉很好看
自己又不会做就百度了一个教程
现在分享出来现在分享出来

<script type="text/javascript">
/*  动态网页标题*/
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "https://www.2x0.cn/favicon.ico");
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "https://www.2x0.cn/favicon.ico");
        document.title = "你可算回来了 (｡•ˇ‸ˇ•｡)" + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
</script>

利用visibilitychange的API
当浏览器标签页被隐藏或显示的时候会触发visibilitychange事件
刷新一下就有和本博客一样的效果了

最后修改：2019 年 04 月 14 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏