福否阿卡 · 博客福否阿卡 · 博客

福否阿卡
一个励志成为全栈的90后小伙子~

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

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

当你给予他的网站聚焦时,他的网站标题会正常显示,当打开别的页面,不给予聚焦时,标题处则会出现“浏览器崩溃”的字样。感觉很有意思,并且很容易吸引读者的注意。话不多少,下面直接上代码

将以下代码放到footer.php或者header.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>

原文地址:http://qimok.cn/1120.html

本文由福否阿卡创作,文章地址:https://blog.suyc.cn/index.php/archives/12.html

采用知识共享署名3.0国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。

发表评论:抢沙发

    昵称 (必填)
  • 邮箱 (必填)
  • 网址