27CaT 发表于 2022-8-29 19:16:34

你又回来啦、你别走吖等网页动态标题代码


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

那么这种动态标题如何设置呢?

在首页文件中“/head”标签之前添加下面的代码即可:

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


页: [1]
查看完整版本: 你又回来啦、你别走吖等网页动态标题代码