我们在逛别人网站的时候,经常看到,有些网站当我们离开该页面浏览其他页面的时候,离开的页面标题上会显示比如:“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面的标题又变成了“你又回来啦!”,然后才加载网站真正的标题。
那么这种动态标题如何设置呢?
在首页文件中“/head”标签之前添加下面的代码即可:
<script type="text/javascript"> /* 动态标题*/ var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange", function() { if (document.hidden) { document.title = "你别走吖 Σ(っ °Д °;)っ"; clearTimeout(titleTime) } else { document.title = "(/≧▽≦/)你又回来啦!" ; titleTime = setTimeout(function() { document.title = OriginTitile }, 2000) } }); </script>
本文由网上采集发布,不代表我们立场,转载联系作者并注明出处:https://90175.com/wenku/txtlist_i88v.html