切换效果如图
其实原理很简单:获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在底部加入一段代码即可让你的网页标题动起来~ 动次打次动次打次~下面为大家分享下代码吧~
操作方法:添加以下代码之一到底部文件footer.php下即可
与下面代码二选一
<!---动态标题--->
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function() {
function d() {
document.title = document[b] ? "(✪ω✪)来找我呀" : a
}
var b, c, a = document.title;
"undefined" != typeof document.hidden ? (b = "hidden", c = "visibilitychange") : "undefined" != typeof document.mozHidden ? (b = "mozHidden", c = "mozvisibilitychange") : "undefined" != typeof document.webkitHidden && (b = "webkitHidden", c = "webkitvisibilitychange"), ("undefined" != typeof document.addEventListener || "undefined" != typeof document[b]) && document.addEventListener(c, d, !1)
});
// ]]></script>
与上面代码二选一
<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;
}, 3000);
}
});
</script>
这个是个好东西!感谢博主分享