当前位置:首页 > 技术教程 > 正文内容

Zblog设置网站动态标题(网站如何设置动态标题)

万福Blog2年前 (2022-05-03)技术教程4020

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

使用教程

(以本博客主题最新版为例)在后台主题设置--->广告设置---> 网页头部接口(非广告代码)   把下面的代码添加到里面即可实现。
【Z-BLOG教程】Zblog设置网站动态标题(网站如何设置动态标题),image.png,Z-BLOG,Z-BLOG教程网站,网站如何设置动态标题,代码,网站,zblog博客,教程,第2张

//动态标题 
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)
    }
});

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

  • 如果你的网站主题设置没有自定义javascript代码这个框的话,若有自定义头部HTML代码的话,把下面的代码添加到里面也可实现。

  • 或者在首页文件位于“</head>”标签之前添加下面的代码也可以。


 您阅读本篇文章共花了: 

扫描二维码推送至手机访问。

版权声明:本文由万福博客网发布,如需转载请注明出处。

本文链接:https://blog.08qq.cn/post/42.html

分享给朋友:

相关文章

PS通道抠像案例视频课程

PS通道抠像案例视频课程

课程介绍:教程—共有6集,分别讲解了素材的挑选、人物发丝的抠像方法、半透明图像的抠像方法以及两集超级酷炫吊炸天、冷艳高贵接地气的图像抠像教程,学完之后,你也可以像大神一样掌握头发丝级别的抠像处理。资源下载:    &nb...

Z-BlogPHP侧栏热门文章和热评文章不显示文章怎么解决

Z-BlogPHP侧栏热门文章和热评文章不显示文章怎么解决

其实每隔一段时间就会有人来问博主为什么侧栏的热门文章不显示文章呢?空白的一片片,与其每次重复解决倒不如写一篇文章解决下侧栏不显示热门文章的问题。这个问题首先可以排除时间问题,先要确定您所调用的时间是否正确,这个主题设置中都有,可以设置热门或...

新手无脑JMP搞定”福昕PDF转Word“会员问题

新手无脑JMP搞定”福昕PDF转Word“会员问题

简介:福昕PDF转Word,是福昕PDF软件自带的一个软件,可转换各种文档。1、打开软件,转换文档,提示“抱歉,您还未。。。”2、打开x32dbg附加程序,准备搜索字符串3、在字符串里查找“抱歉”,出来一些结果4、找到所需要的字符串,鼠标左...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。