【Z-BLOG教程】Zblog设置网站动态标题(网站如何设置动态标题)

猫屋博客

前言
【Z-BLOG教程】Zblog设置网站动态标题(网站如何设置动态标题),未标题-2.png,Z-BLOG,Z-BLOG教程网站,网站如何设置动态标题,代码,网站,zblog博客,教程,第1张

我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句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>”标签之前添加下面的代码也可以。

 评论可见

发表评论 后可见

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

效果图展示

【Z-BLOG教程】Zblog设置网站动态标题(网站如何设置动态标题),image.png,Z-BLOG,Z-BLOG教程网站,网站如何设置动态标题,代码,网站,zblog博客,教程,第3张


文章版权声明:除非注明,否则均为猫屋博客MAOWUO.CN原创文章,转载或复制请以超链接形式并注明出处。

您需要 登录账户 后才能发表评论

发表评论取消回复

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 4 条评论,711人围观)
网友昵称:启蒙
启蒙 V 普通用户 Google Chrome 97.0.4692.71 Windows 7 x64 凉席
03-15 来自河北 回复
666666
网友昵称:酷站推荐
酷站推荐 V 管理员 MQQBrowser 6.2 Redmi Note 8 板凳
03-09 来自河北 回复
人的活动如果没有理想的鼓舞,就会变得空虚而渺小?
网友昵称:beilinet
beilinet V 普通用户 Google Chrome 98.0.4758.102 Windows 10 x64 椅子
03-09 来自广东 回复
666谢谢
网友昵称:beilinet
beilinet V 普通用户 Google Chrome 98.0.4758.102 Windows 10 x64 沙发
03-09 来自广东 回复
666

目录[+]

取消
微信二维码
微信二维码
支付宝二维码