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

前言

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

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

码匠( ͡° ͜ʖ ͡°)✧
THE END
分享
二维码
< <上一篇
下一篇>>