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

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

万福Blog9个月前 (05-03)技术教程1960

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


最新活动给力技术站长交流文章分享:721054542 ,请猛戳这里→点击入群
 您阅读本篇文章共花了: 

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

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

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

分享给朋友:

相关文章

小米系统彻底关闭广告经验分享

小米系统彻底关闭广告经验分享

由于疫情原因,闲得慌在家研究了自己手机系统广告,发现广告一大堆于是利用在家隔离期间两个小时整理归档,总结出以下关闭广告方法。如朋友们还有其他补充 请直接评论即可 给大伙做个参考!1.设置→小米账号→声明与条款→系统广告→系统工具广告→关闭2...

2022年zblog博客好看的底部代码分享

2022年zblog博客好看的底部代码分享

其实这个代码是我刚刚需要,但可以根据自己的使用情况来使用,我觉得很不错,配色方面可以根据自己网站的风格进行修改,CSS已设置为本地,可以跳转网站调整,主要美好效果不错,这里做个分享和备用。代码我会贴出来,为了避免后期代码转义,我会单独发一份...

此次放开双手,快速推送网站地图自动推送的PHP代码

此次放开双手,快速推送网站地图自动推送的PHP代码

利用宝搭的计划任务,自定义下述代码为任意文件名的php文件,配置好您的api,可实现自动读取网站的sitemap.xml地图文件,并像百度默认推送100条链接。可配合宝塔计划任务进行定时定量推送,各位自行琢磨!第一步打开宝搭控制面板后台找到...

2022手把手教会您在线全程免费办理个体户公司营业执照

2022手把手教会您在线全程免费办理个体户公司营业执照

            最近网上闲逛找到了个《0成本快速注册营业执照》的方法,现在整理了方法分享给大家。注册地仅限海南地区。其他地区测试一、前言目测以下地区可办理,方法看教程大同小...

发表评论

访客

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