js代码实现网站动态标题效果

本文预计阅读时间 3 分钟
七墨这几天看到三四个网站标题有动态效果,当你给予他的网站聚焦时,他的网站标题会正常显示,当打开别的页面,不给予聚焦时,标题处则会出现“浏览器崩溃”的字样。感觉很有意思,并且很容易吸引读者的注意。话不多少,下面直接上代码。

将以下代码放到footer.php或者header.php中均可:

  1. <script type="text/javascript">// <![CDATA[
  2.  jQuery(document).ready(function() {
  3.  function d() {
  4.  document.title = document[b] ? "(´・_・) 浏览器崩溃啦?!" : a
  5.  }
  6.  var b, c, a = document.title;
  7.  "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)
  8.  });
  9. // ]]></script>

源自:http://www.521zy.cn/?p=76

weinxin
七墨微信
请留下您宝贵的意见,或者每天来本站的文章页面签到,七墨将不胜感激~~
七墨

评论已关闭!

目前评论:2   其中:访客  1   博主  1

    • Leo Leo 3

      是什么样的,你的站好像没装呢

        • 七墨 七墨 博主

          @Leo 电脑版有效果