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

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

adminadmin时间2024-06-28 19:31:23分类自学浏览88

我们在逛别人网站的时候,经常看到,有些网站当我们离开该页面浏览其他页面的时候,

离开的页面标题上会显示比如:“你别走吖 Σ(っ °Д °;)っ”这样的字样,

当我们点回来的时候页面上面的标题又变成了“你又回来啦!”,然后才加载网站真正的标题。 

那么这种动态标题如何设置呢? 在首页文件中“/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>


0
0
收藏0
吉视传媒:子公司中标1923.95万元安全监测系统建设项目

    未登录用户 回复需填写必要信息
    请先 登录 再评论,若不是会员请先 注册