我们经常逛别人的网站,有些网站当我们离开该页面浏览其他页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖”这样的字样,当我们点回来的时候页面上面会看到“你又回来了!”的字样。那么我们如何实现呢?其实很简单,只需一句javascript语句即可实现。请看下面的教程。
使用教程:
1. 把下面的代码放入主题目录下footer.php文件里的上面即可。
代码如下:
<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>
注:代码中“你别走吖”和“你又回来啦!”可自行修改成自己喜欢的标题文字。