文章title变化

很简单好玩的特效,代码大小243B,不影响网站速度。

感谢anotherhome提供这个特效(虽然不知道发明人是谁。)

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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里引用一下就可以了。也可以直接插在网站代码里。注意替换图片地址哦,虽然不换也行。里面的字画符也可以修改成自己的样式。

坚持原创技术分享,您的支持将鼓励我继续创作!