网页动态标题“你又回来啦、你别走吖”代码-夏天屋

我们在逛别人网站的时候，经常看到，有些网站当我们离开该页面浏览其他页面的时候，离开的页面标题上会显示比如：“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面的标题又变成了“你又回来啦！”，然后才加载网站真正的标题。

演示图片

那么我们如何实现以及使用方法是什么呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。

代码部署

将下面代码放到网页的<head>标签里面也就是网页头部，或者网站公共的header里面即可

<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>

离开页面之后的两秒，网站标题就会改变，变成上面的文字，也可以自定义其他的文字，喜欢的朋友拿去使用吧。

本站名称： 夏天屋

本文链接：

侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系夏天删除处理。

下载说明：关于蓝奏云下载链接失效问题，将原链接（lanzouo.com）中的o替换为（任意英文字母）再进行访问!

THE END