如何给网站添加一个动态会动的标题

发布于 2022-03-23  88 次阅读


介绍

今天小兽又在隔壁站发现了一个好玩呆萌的小功能~就是当离开网站界面的时候,标题会跟着动。简直不要太可爱了~

演示

教程

<!--网站标题自动判断-->
<script>
	var title = document.title;
        function istitle() {
	     var isHidden = document.hidden;	
	      if (isHidden) {
		//当窗口不可见
		document.title = '(つ ェ ⊂)我藏好了哦~|叶小兽のBlog';
	      } else {
		//当窗口可见
		document.title = '(*゜ロ゜)ノ被发现了~|叶小兽のBlog';
		setTimeout("document.title=title", 3000);
	      }
	    };
	document.addEventListener('visibilitychange', istitle);
</script>

1.可以根据自己的喜好修改为其他文字表情等。

2.如果不想时间这么久,可以修改3000处的地方,这个是获取焦点后变回原始标题的延迟时间


本当の声を響かせてよ