我们在逛别人网站的时候,经常看到,有些网站当我们离开该页面浏览其他页面的时候,离开的页面标题上会显示比如:“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面的标题又变成了“你又回来啦!”,然后才加载网站真正的标题。
那么这种动态标题如何设置呢?
在首页文件中“/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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)