EMLOG实现动态切换网站标题的方法

摘要

很多EMLOG网站上都有动态切换标题的特效，也就是访客一旦切换到浏览器其他标签上，该网站的标题就会自动变换成指定的问题，从而诱导用户返回查看，那么现在就来为大家分享一个EMLOG实现动态切换网站标题的方法。

一、操作步骤

1、打开模板文件header.php，在合适的位置粘贴如下代码

<script>document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='可爱的标题被你吃了！嗷！大脑虎来惹~';}else{document.title=normal_title;}});</script>

2、打开浏览器，点击随机文章查看效果

二、原理解析

其实这就通过一段JS代码，利用visibilitychange的API来实现的，具体来说，就是当浏览器标签页被隐藏或显示的时候会触发visibilitychange事件

三、注意事项

1、本教程不仅可以在EMLOG网站上使用，也可以应用于其他网站，同时教程里的代码也可以放置在模板文件的footer.php

标签：emlog教程