切换效果如图

其实原理很简单:获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在底部加入一段代码即可让你的网页标题动起来~ 动次打次动次打次~下面为大家分享下代码吧~

操作方法:添加以下代码之一到底部文件footer.php下即可

与下面代码二选一

 <!---动态标题--->
        <script type="text/javascript">// <![CDATA[
            jQuery(document).ready(function() {
                function d() {
                    document.title = document[b] ? "(✪ω✪)来找我呀" : a
                }
                var b, c, a = document.title;
                "undefined" != typeof document.hidden ? (b = "hidden", c = "visibilitychange") : "undefined" != typeof document.mozHidden ? (b = "mozHidden", c = "mozvisibilitychange") : "undefined" != typeof document.webkitHidden && (b = "webkitHidden", c = "webkitvisibilitychange"), ("undefined" != typeof document.addEventListener || "undefined" != typeof document[b]) && document.addEventListener(c, d, !1)
            });
           
          // ]]></script>

与上面代码二选一

  <script>
            var OriginTitile = document.title;
            var titleTime;
            document.addEventListener('visibilitychange', function() {
                if (document.hidden) {
                    document.title = '(✪ω✪)来找我呀';
                    clearTimeout(titleTime);
                } else {
                    document.title = '找到了(✪ω✪)';
                    titleTime = setTimeout(function() {
                        document.title = OriginTitile;
                    }, 3000);
                }
            });
        </script>

最后修改:2019 年 10 月 20 日 09 : 34 AM
如果觉得我的文章对你有用,请随意赞赏