为你的网站标题添加动态切换效果

首页 / 🚀技术向 / 正文
介绍一下js脚本。在浏览该网页的时候就会显示正常的标题,在离开该网页【没有关闭的条件下】就会显示特定的标题只需要在Typecho底部加入一段代码即可让你的网页标题动起来。

使用方法:

在主题目录页脚footer文件,body中 填入以下代码

代码如下:

<script>
 var OriginTitle = document.title;
 var titleTime;
 document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
         clearTimeout(titleTime);
     }
     else {
         document.title = '(ฅ>ω<*ฅ) 噫又好了~' + OriginTitle;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });
</script>
打赏
评论区
头像