给网站增加用户切换其他标签网站标题动态提示

当离开我们博客的页面是,显示“╭(°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>

上一篇

原生javascript冒泡排序

下一篇

WordPress中实现分词搜索,可以使用插件或自定义代码来实现
相关推荐
wordpress实现不同分类设置不同的每页显示文章数量
给网站增加用户切换其他标签网站标题动态提示
WordPress中实现分词搜索,可以使用插件或自定义代码来实现
WordPress 自定义文章类型终极教程
WordPress 自定义查询 WP_Query 所有参数详细注释及使用方法详解
WordPress 发布文章百度收录自动提交代码
评论(0)
游客的头像
表情
全部评论 只看作者
最新热门
  1. 暂时还没有评论哦