请选择 进入手机版 | 继续访问电脑版

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

发表于 2022-8-29 20:06:42 | |阅读模式
发表于 2022-8-29 20:06:42 | 显示全部楼层 |阅读模式
我们在逛别人网站的时候,经常看到,有些网站当我们离开该页面浏览其他页面的时候,离开的页面标题上会显示比如:“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面的标题又变成了“你又回来啦!”,然后才加载网站真正的标题。

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

在首页文件中“/head”标签之前添加下面的代码即可:
  1. <script type="text/javascript">
  2.       /*  动态标题*/
  3.      var OriginTitile = document.title,
  4.       titleTime;
  5.      document.addEventListener("visibilitychange",
  6.      function() {
  7.       if (document.hidden) {
  8.         document.title = "你别走吖 Σ(っ °Д °;)っ";
  9.         clearTimeout(titleTime)
  10.     } else {
  11.         document.title = "(/≧▽≦/)你又回来啦!" ;
  12.         titleTime = setTimeout(function() {
  13.             document.title = OriginTitile
  14.         },
  15.         2000)
  16.     }
  17.     });
  18.     </script>
复制代码


您需要登录后才可以发帖 登录 | 立即注册

本版积分规则

发表主题

广告赞助

返回顶部 返回列表
小米 为发烧而生