页面标题变换彩蛋 | 泠泫凝的异次元空间
Lxn's Area
·
2021-02-21
·
via 泠泫凝的异次元空间
hexo页面标题恶搞代码，也可用于其他标准html
当用户访问你的博客时点击到了其他网页，我们可以恶搞一下网页标题，呼唤用户回来，首先在目录 \themes\material-x\source\js 下新建一个 FunnyTitle.js 文件，在里面填写如下代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
$('[rel="icon"]').attr('href', "/funny.ico");
document.title = '正在跳转中...';
clearTimeout(titleTime);
}
else {
$('[rel="icon"]').attr('href', "/favicon.ico");
document.title = '跳到你怀里~' + ' | ' + OriginTitle;
titleTime = setTimeout(function () {
document.title = OriginTitle;
}, 2000);
}
});
|
其中 funny.ico 是用户切换到其他标签后你网站的图标，favicon.ico 是正常图标，然后在 \themes\material-x\layout\layout.ejs 文件中添加如下代码：
1
2
|
<script type="text/javascript" src="/js/FunnyTitle.js"></script>
|
再次部署博客后就可以看见标题搞笑的效果了：
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。
