“上、上、下、下、左、右、左、右、B、A、B、A”是人们熟知的魂斗罗30条命秘籍。可惜我当时不知道，最终练成了基本误伤，三条命进去，十几条命通关出来。以前美国微软的官网也曾出现过输入这个秘籍，网站变成像素风格的彩蛋。那我们怎么为我们自己的网站做一个神秘彩蛋呢。

　　初步设想，通过JS监听键盘的输入事件，如果输入了指定的按键序列就执行相应代码就可以了。定义按键序列应当长一些，要不然容易误差。最后在首页上把这个JS文件引用就完成了我们自己的彩蛋了。核心样例代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
 * @Description : 神秘彩蛋
 * @author Weixiao
 * @Date 2018-10-27 21:04:58
 * @email [email protected]
 */

var input = new Array(20);
$(document).keydown(function(e){
    input.push(e.key);
    input.shift();
    var inputString = input.toString().replace(/,/g,"");
    if(inputString.indexOf(eggKeyString) !== -1){
        egg();
    }
});

　　本站的彩蛋代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
 * @Description : 神秘彩蛋
 * @author Weixiao
 * @Date 2018-10-27 21:04:58
 * @email [email protected]
 */

var input = new Array(30);
$(document).keydown(function(e){
    input.push(e.key);
    input.shift();
    var inputString = input.toString().replace(/,/g,"");
    if(inputString.indexOf("EnterhideblogcontentEnter") !== -1){
        hideContent();
    }
    if(inputString.indexOf("EntershowblogcontentEnter") !== -1){
        showContent();
    }
});


function hideContent() {
    $(".container.sidebar-position-left").hide();
    $(".tpwthwidt").hide();
    $(".bdshare-slide-button-box.bdshare-slide-style-l5").hide();
}

function showContent() {
    $(".container.sidebar-position-left").show();
    $(".tpwthwidt").show();
    $(".bdshare-slide-button-box.bdshare-slide-style-l5").show();
}