有一个挺好玩的JS脚本,获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在WordPress底部加入一段代码即可让你的网页标题动起来
效果图
使用方法
在主题目录页脚footer
文件,body中 填入以下代码
代码
<script>
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
$('[rel="icon"]').attr('href', "//这里替换为你需要显示的favicon链接");
document.title = '小宝贝别走啊!';
clearTimeout(titleTime);
}
else {
$('[rel="icon"]').attr('href', "//这里替换为你需要显示的favicon链接");
document.title = 'ヾ(Ő∀Ő3)ノ想我啦!' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 2000);
}
});
</script>