前言:
- 经常看到某些大佬的博客的网页标题很个性,当离开页面的时候网页标题会变,回来的时候就变回来了,博主也找了资源实现了这个功能,一直也没写出来,今天就写出来分享给大家
离开页面效果:

回到页面效果:

代码如下:
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
if (document.hidden) {
$('[rel="shortcut icon"]').attr("href", "https://www.96sir.com/favicon.ico");
document.title = "你别走吖 Σ(っ °Д °;)っ";
clearTimeout(titleTime)
} else {
$('[rel="shortcut icon"]').attr("href", "https://www.96sir.com/favicon.ico");
document.title = "你可算回来了 (。•ˇ‸ˇ•。)" + OriginTitile;
titleTime = setTimeout(function() {
document.title = OriginTitile
},
2000)
}
});
2020-04-17 23:11:55 回复
你好,我是一名互联网爱好者,希望与您交流,我第一次到访你的网站,设计真的很美!希望得到您的回复,以便更好的沟通。同时也欢迎您对我的个人网站提出宝贵意见。
2018-05-13 19:27:14 回复
比我的那个代码要繁琐一些,不过也挺好的
/* 标签title切换 */document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='(◕ᴗ◕✿反正你也看不见我~哼!';}else{document.title=normal_title;}});```
```
2019-10-07 23:03:29
这个好