[教程]标题失焦变换,为你的博客增加动态标题

图片[1]-[教程]标题失焦变换,为你的博客增加动态标题-月宅酱的博客

图片[2]-[教程]标题失焦变换,为你的博客增加动态标题-月宅酱的博客 月宅发现挺多人的博客标题一旦离开了页面(失焦)后,就会自动切换成其他的标题,有什么“草榴社区”呀,还有什么“成人在线影视”什么的,害人不浅,当然还有萌萌哒的“页面崩溃啦”,“为什么要离开我”。


想知道这些效果是怎样实现的喵,那就跟着月宅一步一步做吧~已经有的就不要说话啦 :AC_吃棒群众:

教程

为了保证加载速度,接下来是异步的方法,你可以下载这个js文件,然后在底部进行js引用[点我下载]

第二种方法是打开footer.php,把下面的js代码加入进去,当然,你也可以放在其他地方,什么head或者body或者index,但为了异步的速度,当然是推荐放在底部啦。

把下面的代码放在“/body”之前。

<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>

你以为这样就完了吗,不!为了水高质量的文章,月宅这里继续提供一些颜文字=-= :捂鼻血:

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共7条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像泽泽0
      • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0
    • 头像情醉中国风0
    • 头像西瓜桑0
    • 头像2330
    • 月宅的头像-月宅酱的博客月宅等级-LV1-月宅酱的博客作者0