九十九次的理论不如一次的行动来得实际。

不再敲代码的“码匠”

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

前言

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

把下面的代码添加到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,完毕

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

✍ 愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐(* ̄▽ ̄*)ブ