Typecho动态标题的实现

作者 : icbug 发布时间: 2020-06-7 文章热度:129 共657个字,阅读需2分钟。 本文内容有更新 手机浏览

Typecho动态标题的实现

首先我们打开我们的页脚footer.php中最后,添加如下一段代码,保存上传即可生效,部分博客可能需要清除缓存

代码如下:

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

常见问题FAQ

本站资源是否全部免费?
本站文章和普通速度下载资源免费,高速下载资源和讲解视频需要成为SVIP才能查看哦!
本站采用标准 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明!
icbug创客 » Typecho动态标题的实现

发表评论

CAPTCHAis initialing...