人呢?你又回来啦_你别走吖等网页动态标题代码

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

人呢?你又回来啦_你别走吖等网页动态标题代码,建站教程,第1张

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

离开页面之后的两秒,网站标题就会改变,变成上面的文字,也可以自定义其他的文字。

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
快捷操作: 投诉反馈
果优源码 » 人呢?你又回来啦_你别走吖等网页动态标题代码

发表评论

您需要后才能发表评论

专注于服务中文站长,提供大量建站资源,让建站更简单

会员介绍 联系我们