【Z-BLOG教程】Zblog设置网站动态标题（网站如何设置动态标题）

前言
【Z-BLOG教程】Zblog设置网站动态标题（网站如何设置动态标题）,未标题-2.png,Z-BLOG,Z-BLOG教程网站,网站如何设置动态标题,代码,网站,zblog博客,教程,第1张

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。

使用教程

（以本博客主题最新版为例）在后台主题设置--->广告设置---> 网页头部接口（非广告代码）把下面的代码添加到里面即可实现。
【Z-BLOG教程】Zblog设置网站动态标题（网站如何设置动态标题）,image.png,Z-BLOG,Z-BLOG教程网站,网站如何设置动态标题,代码,网站,zblog博客,教程,第2张

//动态标题 
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)
    }
});

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