之前在逛网页时,高洁无意间发现了个动态的网页标题,很有趣。于是自己也跟风做了一个。其实很简单,运用的是JavaScript的onblur和onfocus函数;
代码实现:
<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>
那么,如何在自己的博客上实现这种效果呢?
很简单,找到博客的 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>