利用JS代码实现页面切换标题栏随之变化

其实以前就见过这种效果,一直想找都没找到,最后还是成功的在一个站里面把他拔下来了,具体的效果可以注意你切换另一个页面再看我站点标题。

上图演示

切换页面前站点标题:

切换页面后站点标题:

切换回页面站点标题:(注意这个是有时间控制的,例如我设置的是2s会自动再切换回正常标题)

代码:

<script>
var OriginTitile=document.title;
var st;
document.addEventListener(‘visibilitychange’,function(){
if(document.hidden){
document.title=”(つェ⊂)我藏好了哦”;
clearTimeout(st);
console.log(‘hide’);
}else{
document.title='(*∇`*) 被你发现啦~ ‘+OriginTitile;
console.log(‘show’);
st=setTimeout(function(){
document.title=OriginTitile;
},4000);//这里是修改切换回页面,标题栏恢复正常的时间,4000就是4s,使用是这段注释代码可以去掉,不确定会不会影响使用
console.log(‘endChange=’);
}
});
</script>

使用方法:可以与站点统计代码放一块,页头或页脚都可以

原创教程

windows使用小技巧

2020-3-13 15:30:35

原创教程

如何在学校机房通过局域网控制别人电脑

2020-7-8 8:58:28

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索