网页标题动态改变JS实现标题改变详解-爱搜啊博客

当前位置:首页» 网站建设»正文

网页标题动态改变JS实现标题改变详解

发布:爱搜啊  时间:2018年08月27日  分类:网站建设   评论

如何实现网页标题动态改变,

最近看到很多博客的标题会变化,选中时和不选中时标题是不一样的,感觉很有意思。

下面代码就是现实标题改变的代码,今天就分享下,搜了一下百度也没有。

把下面代码放到网站头部或者底部就行,我看很多博客都有

<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);
 console.log('endChange=');
 }
 });</script>

转载请保留出处和本文地址: http://aisoa.cn/post-2129.html

评论 赞助本站

爱搜博客赞助收款二维码

欢迎参与讨论,新评论稍后显示,广告一律删除!