逛网页时,无意间发现了个动态的网页标题,很有趣。于是自己也跟风做了一个。其实很简单,运用的是JavaScript的onblur和onfocus函数;

源自 https://cherryml.com/


代码实现:

<html>

<head> 

<meta charset="utf8"> 

<title>别看了,学习啦!</title>

<script type="text/javascript"> 

// window 失去焦点 

window.onblur = function() { 

document.title='(つ ェ ⊂)我藏好了哦~'; 

};

// window 获得焦点 window.onfocus = function() { 

document.title='(*゜ロ゜)ノ被发现了~'; 

setTimeout("document.title='别看了,学习啦!'",3000); }

</script> 

</head>

<body> 

</body>

</html>

那么,如何在自己的博客上实现这种效果呢?

很简单,找到博客的 header.php,在</title>后面加这么一段JavaScript代码:

<script type="text/javascript">  var title=document.title;  // window 失去焦点  window.onblur = function() {  document.title='(つ ェ ⊂)我藏好了哦~'; }; // window 获得焦点  window.onfocus = function() {  document.title='(*゜ロ゜)ノ被发现了~';  setTimeout("document.title=title",3000);  } </script> 


永远年轻,永远热泪盈眶。