自由屋推书网—热门的小说推荐平台！

你的位置： 首页 > 杂谈

WordPress设置浏览器切换标签网站动态标题

2022-03-08 13:21:25

我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单，只需一句 javascript 语句即可实现。请看下面的教程。

使用教程

(具体看本站动态标题)在后台主题设置—>自定义代码—>自定义 javascript 代码把下面的代码添加到里面即可实现。

  1. //网站动态标题开始 
  2. var OriginTitile = document.title,
  3. titleTime;
  4. document.addEventListener("visibilitychange",
  5. function() {
  6.     if (document.hidden) {
  7.         document.title = "你别走吖 Σ(っ °Д °;)っ";
  8.         clearTimeout(titleTime)
  9.     } else {
  10.         document.title = "(/≧▽≦/)你又回来啦！ " ;
  11.         titleTime = setTimeout(function() {
  12.             document.title = OriginTitile
  13.         },
  14.         2000)
  15.     }
  16. });
  17. //网站动态标题结束

注：代码中“你别走吖 Σ(っ °Д °;)っ”和“(/≧▽≦/)你又回来啦！”可自行修改成自己喜欢的标题文字。

最新文章

最新推荐

编辑推荐

热门小说

热门文章

三国：蜀汉军师，长坂坡七进七出最新章完整版在线阅读【知乎】《和周贺也结婚十年》贺蓉周贺也完结版免费阅读我一个修仙宗，咋老被人扶贫？全文试读 李修闲王教授小说全本无弹窗《亲妈是千金，舅舅哥哥排队宠》全章节小说_黎嘉沅黎维全文阅读免费试读主角墨九林倾城小说主角名叫许泽明牧晴雪的小说顾今歌沈亦君小说 第4章小说命只剩两年，迟来的亲情林风txt全文在线阅读小说阮幼微宋淮笙在线阅读最新小说《蓄意交换》大结局阅读