网站动态标题

相信大家浏览一些博客站点的时候可以看到标题页面和切换网页的时候标题会有改变吧

接下来就按照图片步骤操作你也可以设置自己网站(●’◡’●)的标题哦

第一步

首先还是打开我们的后台，在里面找到全局-自定义代码 放入以下代码保存后即可完成（不是用这款主题或者wordpress的可以在首页文件的</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>
    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
<script type="text/javascript">

第二步

重新刷新自己的网站查看是否有改变，效果如下图

感谢您的来访，获取更多精彩文章请收藏本站。