jquery动态修改网页标题,提示网页进入/离开
七娃博客1,222人阅读
你在浏览网站或者博客的时候,有没有遇到过网页标题人性化,煽情话的那种,比如:网页标题在进入时:“欢迎光临***”,离开的时候:“呜呜,你离开了我!”...等撒娇卖萌的欢迎语,今天我不是说欢迎语的,我是来教你如何实现这一的效果!从网上收集了2种效果,一起看看吧!
1.jquery动态修改网页标题,网页进入/离开提示网页,需要自行引入jquery插件
var OriginTitile = document.title,titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico"); document.title = "讨厌!你离开了!"; clearTimeout(titleTime) } else { $('[rel="shortcut icon"]').attr("href", "//链接.com/favicon.ico"); document.title = "欢迎光临 ," + OriginTitile; titleTime = setTimeout(function() { document.title = OriginTitile }, 2000) } });
2.js动态修改网页标题,提示网页进入/离开
document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { normal_title = document.title; document.title = '不要离开我...'; } else document.title = normal_title; });
评论 | 0 条评论
登录之后才可留言,前往登录