12
2019
12

文章title变化

很简单好玩的特效,代码大小243B,不影响网站速度。
感谢anotherhome提供这个特效(虽然不知道发明人是谁。)
代码如下

var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange',
    function() {
        if (document.hidden) {
 //注意把图片的地址换成自己的
            $('[rel="shortcut icon"]').attr('href', '/*这里填写图片地址*/');
            document.title = '(●—●)喔哟,崩溃啦!';
            clearTimeout(titleTime);
        } else {
            $('[rel="shortcut icon"]').attr('href', '/*这里填写图片地址*/');
            document.title = '(/≧▽≦/)咦!又好了!' + OriginTitile;
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            },
            2000);
        }
    });

把这串代码写入js文件里,在网站head里引用一下就可以了。也可以直接插在网站代码里。注意替换图片地址哦,虽然不换也行。里面的字画符也可以修改成自己的样式。

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。