试试Konami Code的神奇

技术 · 2012-04-30 · 4698 人浏览

何为Konami Code,不如你先在在Google Reader上试下,在空白的地方点下,然后键盘输入 Up, Up, Down, Down, Left, Right, Left, Right, B, A,看看页面有什么变化,这个秘语来源于魂斗罗”中的“秘技”,这个就称为“Konami Code”,如图所示:

 

    在FaceBook也能看到这样的彩蛋效果,不过在这里,你还是看看Google Reader吧!

    试着在网上找了些这方面的资料,通过Javascript实现的代码也很多,在网上找到了怎么样实现这样的神奇效果,也提出了多种代码实现,我就试着用了那个简单的代码在WordPress里面,用过Jquery后的实现如下:


var k = [];
$(document).keydown(function(e) {
       e = e || window.event;
       k.push(e.keyCode);
       if (k.toString().indexOf("38,38,40,40,37,39,37,39,66,65") >= 0) {
            $('#sidebar').animate({
                opacity: 0
            }, 800).animate({
                opacity: 1
            }, 800);
            k = [];
        }
});



这段代码呢还是有些问题,如果“秘技”一直不对,数组k则一直增加,所以我又将代码改了一下,判断如果k的数量==10了,还不正确就去掉第一个,保证k里面最多只有10个,不会一直增加下去,如下:



var k = [];
$(document).keydown(function(e) {
     e = e || window.event;
     k.push(e.keyCode);
     if (k.toString().indexOf("38,38,40,40,37,39,37,39,66,65") >= 0) {
         $('#sidebar').animate({
              opacity: 0
         }, 800).animate({
              opacity: 1
         }, 800);
         k = [];
     }
     else if (k.length == 10) {
         k.shift();
     }
});


你现在就可以试试,页面会有什么效果!这个效果在所有wordpress都能使用(sidebar),直接加入代码在你的header模版里就可以看到侧栏的呼吸效果了!

Konami