西瓜君✔

发表文章数:330

有一个挺好玩的JS脚本,获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在WordPress底部加入一段代码即可让你的网页标题动起来

效果图

给WordPress添加动态切换网站标题~小宝贝别走啊

使用方法

在主题目录页脚footer文件,body中 填入以下代码

代码

<script>
 var OriginTitle = document.title;
 var titleTime;
 document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         $('[rel="icon"]').attr('href', "//这里替换为你需要显示的favicon链接");
         document.title = '小宝贝别走啊!';
         clearTimeout(titleTime);
     }
     else {
         $('[rel="icon"]').attr('href', "//这里替换为你需要显示的favicon链接");
         document.title = 'ヾ(Ő∀Ő3)ノ想我啦!' + OriginTitle;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });
</script>

未经允许不得转载:作者:西瓜君✔, 转载或复制请以 超链接形式 并注明出处
原文地址:《给WordPress添加动态切换网站标题~小宝贝别走啊》 发布于2020-04-17

赞(0)

评论 抢沙发

评论前必须登录!

  注册