只有偏执狂才能生存!——Andy Grove (英特尔创始人之一, 前任CEO)

不再敲代码的“码匠”

离开页面标题更改之忽悠人

前言

经常看到有些萌妹子的站点,会写一个离开页面标题改变的效果,虽然我不会弄,但是我会扒(偷)呀

把下面的代码添加到head标签之前,就OK了

代码

<script>   
// 浏览器标题切换   
var OriginTitile = document.title;    // 保存之前页面标题
var titleTime;
document.addEventListener('visibilitychange', function(){
    if (document.hidden){
        document.title = '您有新的未读消息...';
        clearTimeout(titleTime);
    }else{
        document.title = '(≥◇≤)我忽悠你哒~';
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 2000); // 2秒后恢复原标题
    }
});
</script>

效果图

《离开页面标题更改之忽悠人》

《离开页面标题更改之忽悠人》

当然,你还可以把文字代替为

等等,你别走啊 —–算了,你走吧!

你不要我了—–嘿嘿嘿爱你哦

用你的脑洞,自行更改~

ok,完毕

点赞

发表评论