如果你细心的话,就会发现我的网站上部的title会随着标签的切换而变化:当你打开网页的时候,正常显示title,切换标签后,显示为“(●—●)你还会回来吗?”,切回来后显示“今天,又是充满希望的一天!”,显示2秒钟后自动消失,显示正常title。这些话都是DNF中赛利亚的经典句子,用在我的网页上显得很亲切又有趣。 这些动态的功能需要JavaScript来实现,当然,在这之中也需要jQuery的配合。以下就是本站关于标题变换的源码。
jQuery(document).ready(function($) {
    var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function() {//标签可见性
    if (document.hidden) {//被隐藏时
        document.title = '(●—●)你还会回来吗?' + OriginTitile;
        clearTimeout(titleTime);
    }
    else {//非隐藏状态下
        document.title = '今天,又是充满希望的一天!' + OriginTitile;
        titleTime = setTimeout(function() {//设置时间
        document.title = OriginTitile;
        }, 2000);
    }
});
});
其中第一句代码“$(document).ready(function(){”是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。很多功能代码都要放在这个句子内运行。