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

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

源码大全woniu2022-08-28 17:27:0054A+A-
你又回来啦、你别走吖等网页动态标题代码

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

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

在首页文件中“/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>
点击这里复制本文地址 以上内容由小高教学网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

小高教学网 © All Rights Reserved.  小高教学网,唯一地址:www.xiaogao.net!
联系我们| 关于我们| 版权声明| 侵权投诉