网站动态人性化标题设置

一般的切换标题,就是离开后变成另一个标题,回来后再变成原标题,这样太生硬,太无情……本文提供的这个切换浏览器窗口,也会自动改变网页标题。但是切回来的时候会再提醒一下然后再显示真正的标题,不是不很人性化呢。

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

<script type="text/javascript">
  /*  动态网页标题*/
 var OriginTitile = document.title,
  titleTime;
 document.addEventListener("visibilitychange",
 function() {
  if (document.hidden) {
    $('[rel="shortcut icon"]').attr("href", "https://cdn.jsdelivr.net/gh/cy-i/[email protected]/favicon.ico");
    document.title = "你别走吖 Σ(っ °Д °;)っ";
    clearTimeout(titleTime)
} else {
    $('[rel="shortcut icon"]').attr("href", "https://cdn.jsdelivr.net/gh/cy-i/[email protected]/y.ico");
    document.title = "你可算回来了 (。•ˇ‸ˇ•。)" + OriginTitile;
    titleTime = setTimeout(function() {
        document.title = OriginTitile
    },
    2000)
}
});
</script>
© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞7赞赏 分享
评论 抢沙发
头像
非注册用户需审核通过后才能查看。友好交流,勿发纯表情,勿恶意灌水!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容