【技术分享】网站好玩动态标题设置-网站浏览切换时显示趣味挽留信息

安鹿分享网站动态标题设置技巧，通过在头部添加 JavaScript 代码，利用事件监听浏览器窗口状态。当用户离开页面时，标题变为 “你别走吖 Σ(っ °Д °;) っ” 并修改 avicon；返回时显示欢迎语，2 秒后恢复原标题。

食用方法：在网站模板的：head 头部添加以下代码。

本文提供的这个切换浏览器窗口，会自动改变网页标题。但是切回来的时候会再提醒一下然后再显示真正的标题。

<script type="text/javascript">
  /*  动态网页标题*/
 var OriginTitile = document.title,
  titleTime;
 document.addEventListener("visibilitychange",
 function() {
  if (document.hidden) {
    $('[rel="shortcut icon"]').attr("href", "https://alxtuchang-1300698510.cos.ap-nanjing.myqcloud.com/202304071680851131096.png");
    document.title = "你别走吖 Σ(っ °Д °;)っ";
    clearTimeout(titleTime)
} else {
    $('[rel="shortcut icon"]').attr("href", "https://alxtuchang-1300698510.cos.ap-nanjing.myqcloud.com/202304071680851131096.png");
    document.title = "你终于回来了 (｡•ˇ‸ˇ•｡)" + OriginTitile;
    titleTime = setTimeout(function() {
        document.title = OriginTitile
    },
    2000)
}
});
</script>