为你的网站标题添加动态切换效果

  • 首页 > 技术学习
  • 作者:小小的一世
  • 时间: 2016年12月23日 23:31
  • 字数:906 个
  • 字号:
  • 评论:1 条
  • 浏览:3956 次
  • 百度:百度已收录
  • 分类: 技术学习
  • 时间:2016-12-23 23:31 热度:3956° 评论:1 条 

    最近发现一个挺好玩的JS脚本,获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在网站底部加入一段代码即可让你的网页标题动起来~ 动次打次动次打次~



    动态标题效果


    现在公布出来供大家使用,此代码理论支持所有网站,WordPress、zblog、emlog等博客程序那都不在话下。

    以emlog为例:


    将以下代码加入你的 footer.php 或者 header.php 文件中即可。


       <script type="text/javascript">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://www.suozy.cn/post-10.html
    版权声明:若无特殊注明,本文皆为《小小的一世》原创,转载请保留文章出处。

    热门推荐

    Hello! How do you see it?

    你还可以输入250 / 250 个字

    嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗

    已有1条吐槽

    iboy

    2020-04-17 08:36 北京市移动
    感谢博主分享

    返回顶部    返回首页    手气不错    手机版本   后花园   
    版权所有:小小的一世    站点维护: 小小的一世   若要幸福,不写忧伤;红尘满界,不道惆怅。 【风雨一生兼程,灵魂轻盈随行】   鲁ICP备15009546号-1