我们在逛别人网站的时候，经常看到，有些网站当我们离开该页面浏览其他页面的时候，离开的页面标题上会显示比如：“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面的标题又变成了“你又回来啦！”，然后才加载网站真正的标题。

那么这种动态标题如何设置呢？

在首页文件中“/head”标签之前添加下面的代码即可：

1. <script type="text/javascript">
2. /* 动态标题*/
3. var OriginTitile = document.title,
4. titleTime;
5. document.addEventListener("visibilitychange",
6. function() {
7. if (document.hidden) {
8. document.title = "你别走吖 Σ(っ °Д °;)っ";
9. clearTimeout(titleTime)
10. } else {
11. document.title = "(/≧▽≦/)你又回来啦！" ;
12. titleTime = setTimeout(function() {
13. document.title = OriginTitile
14. },
15. 2000)
16. }
17. });
18. </script>