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


效果

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

使用

放置在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>

声明:目的地-Destination|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 给网站增加有趣的动态网页标签标题


前程似锦、未来可期、寻得良人、共赴白头,祝你也祝我。