JS实现网页动态标题

JS实现网页动态标题
之前在逛网页时,高洁无意间发现了个动态的网页标题,很有趣。于是自己也跟风做了一个。其实很简单,运用的是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代码:




  1. <script type=”text/javascript”>
  2. var title=document.title;
  3. // window 失去焦点
  4. window.onblur = function() {
  5. document.title='(つ ェ ⊂)我藏好了哦~’;
  6. };
  7. // window 获得焦点
  8. window.onfocus = function() {
  9. document.title='(*゜ロ゜)ノ被发现了~’;
  10. setTimeout(“document.title=title”,3000);
  11. }
  12. </script>

下载说明:
1. 本站所有资源来源于网络和用户上传,如有侵权请联系站长
2. 本站分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

本站的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有,如有侵权请留言联系:admin,转转请注明出处:http://zhanmr.com/3188.htm

发表评论

电子邮件地址不会被公开。 必填项已用*标注