你又回来啦、你别走吖等网页动态标题代码

by 亦辰, 2022-09-07

我们在逛别人网站的时候

有时经常看到，有些网站当我们离开该页面浏览其他页面的时候，离开的页面标题上会显示比如：“你别走吖 Σ(っ °Д °)っ;”这样的字样，当我们点回来的时候页面上面的标题又变成了“你又回来啦！”，然后才加载网站真正的标题。

这是离开的界面展示

这是点击回来的界面展示

那么这种动态标题如何设置呢？

在首页文件中“< head >< /head >”标签之间添加下面的代码即可：

<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>

示例：

<!doctype html><html><head><meta charset="utf-8"><title>亦辰博客</title><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></head><body></body></html>

JS教程

作者：亦辰

2025 © YiChen

你又回来啦、你别走吖等网页动态标题代码

分类目录

一言一句

最新评论

标签

归档

下一篇