给网页增加崩溃特效,当离开当前标签页时,标签页上显示网页崩溃提示,当重新回到该标签页时,显示网页正常。
-
首先在
next/source/js/src
文件夹下创建文件crash_cheat.js
,加入如下的特效代码:var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden) { $('[rel="icon"]').attr('href', "/images/favicon-32x32-next1.png"); document.title = '╭(°A°`)╮ 页面崩溃啦 ~'; clearTimeout(titleTime); } else { $('[rel="icon"]').attr('href', "/images/favicon-32x32-next1.png"); document.title = '(ฅ>ω<*ฅ) 来了老弟~' + OriginTitle; titleTime = setTimeout(function () { document.title = OriginTitle; }, 2000); } });
-
在
next/layout/_layout.swig
文件中,在head
标签中添加对该js文件的引用:<!-- 引入网页奔溃效果 --> <script type="text/javascript" src="/js/src/crash_cheat.js"></script>