博客园美化（三）

自定义信息

复制代码

<div class="c-notice">
  <div>欢迎来到Zou-Wang的博客</div>
</div>
<div class="c-portrait">
 <img class="site-master-avatar" itemprop="image" src="//pic.cnblogs.com/avatar/1646268/20190628143903.png" alt="Zou-Wang"style="height:120px;padding:10px;box-sizing:border-box;z-index:2; border-radius: 50%;"">
  <div style="font-size: 25px">Zou-Wang</div>
  <div style="font-size: 16px">晓看天色暮看云，行也思君，坐也思君</div>
</div>

页面隐藏显示改变title

页面离开：

页面回来：

3s之后会变为：

复制代码

var time;
var normar_title=document.title;
document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
         clearTimeout(time);        
         document.title = '客官请留步ε=ε=ε=┏(゜ロ゜;)┛';
    } else {
        document.title = '你终于回来了(。・∀・)ノ';
        time=setTimeout(function(){ document.title = normar_title; }, 3000);

}
});


转自：博客园美化 - 不忘编码 - 博客园 (cnblogs.com)