WordPress设置网站动态标题

前言

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

样式图:

WordPress设置网站动态标题
WordPress设置网站动态标题

使用教程:

1.  把下面的代码放入主题目录下footer.php文件里的上面即可。

代码如下:

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

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

2. 或者在首页文件位于“”标签之前添加下面的代码也可以

<script type="text/javascript">
/* 动态标题*/
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)
}
});
</script>

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

声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服
温馨提示:本站提供的一切软件、教程和内容信息都来自网络收集整理,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,版权争议与本站无关。用户必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件【 lrzy8@qq.com 】与我们联系处理。敬请谅解!

给TA打赏
共{{data.count}}人
人已打赏
Wordpress

WordPress主题添加鼠标点击特效

2025-7-28 21:29:39

Wordpress

7b2美化-好看的鼠标样式

2025-7-28 21:30:38

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索