目的地-Destination
文章

给网站增加有趣的动态网页标签标题

烂笔头 · 9 条评论 · 3,453 浏览 · 16 点赞

## 效果

当离开我们博客的页面是,显示“╭(°A°`)╮ 页面崩溃啦 ~”,当回来后,显示“(ฅ>ω<*ฅ) 噫又好啦 ~” iShot_2023-03-20_13.42.36.png iShot_2023-03-20_13.42.45.png

使用

放置在footer文件中,或任意位置的<script></script>中均可。 文字可随意修改。 实际效果也可测试本博客。

<script>
// 浏览器搞笑标题
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        $('[rel="icon"]').attr('href', "/funny.ico");
        document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
        clearTimeout(titleTime);
    }
    else {
        $('[rel="icon"]').attr('href', "/favicon.ico");
        document.title = '(ฅ>ω<*ฅ) 噫又好啦 ~' + OriginTitle;
        titleTime = setTimeout(function () {
            document.title = OriginTitle;
        }, 2000);
    }
});
</script>
CONVERSATION

9 comments

Write a Comment

  1. 荒野孤灯湖北省 黄石市 电信 · Windows
    回复
    1. Chrison江苏省 苏州市 电信 · iPhone
      回复
      回复 @荒野孤灯啊?广告?😂😂😂
    2. 荒野孤灯湖北省 黄石市 电信 · Windows
      回复
  2. Teacher Du北京 移动 · Windows
    回复
    我一般都是批量拜访网站的,看到这种提示,都直接关页面~
    1. Chrison江苏省 苏州市 电信 · Mac
      回复
      回复 @Teacher Du啊这。。。痛失大佬!~
  3. 风记星辰辽宁省 沈阳市 联通 · Windows
    回复
    竟然使用Firefox~
    1. Chrison江苏省 苏州市 电信 · Mac
      回复
    2. 风记星辰辽宁省 沈阳市 联通 · Windows
      回复
      回复 @Chrison那来我这里会有一定卡顿,Firefox对css动画支持真的差点意思。
    3. Chrison江苏省 苏州市 电信 · Mac
      回复
      回复 @风记星辰我这还好。我之前看到有人评论说访问你网站,他风扇一直转。。。但我没有这种情况。
      哈哈哈哈