你又回来啦、你别走吖等网页动态标题代码-QQ沐编程

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

图片[1]-你又回来啦、你别走吖等网页动态标题代码-QQ沐编程

那么我们如何实现以及使用方法是什么呢？其实很简单，只需一句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>

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

本站资源来自互联网收集，仅供用于学习和交流，请勿用于商业用途。如有侵权、不妥之处，请联系站长并出示版权证明以便删除。敬请谅解！

THE END