子比主题设置网页网站动态标题效果-WordPress动态标语设置教程代码

当我们离开该网站网页访问别的界面的情况下，大家离开页面上边会看见例如本网站的“你别走吖Σ(っ°Д°;)っ”那样字样，在我们点回来时网页页面上边会看见“(/≧▽≦/)你就回来了！”字样。那我们如何做到呢？非常简单，仅需一句javascript句子就可以实现。

（以子比主题风格最新版本为例子）在平台上主题设置—>自定义代码—>自定义javascript代码把里面的编码导入到里边就可以实现。

//<a href="https://5igx.com"><b style="color:#0388d1">动态标题</b></a> 
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！ " ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});

编码中“你别走吖Σ(っ°Д°;)っ”和“(/≧▽≦/)你回来啦！”可以自行改动成你喜欢的标题文字。

假如新网站主题设置并没有自定javascript代码这一框得话，如有自定头顶部HTML编码得话，把里面的编码导入到里也可以实现。
或是进入首页文档坐落于“”标识以前加上下边的编码还可以。

<script type="text/javascript">
      /*  动态标题*/
     var OriginTitile = document.title,
      titleTime;
     document.addEventListener("visibilitychange",
     function() {
      if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！" ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
    });
    </script>