试试Konami Code的神奇

XiaoA

发布于 2023-05-24 13:58:18

2260

发布于 2023-05-24 13:58:18

何为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模版里就可以看到侧栏的呼吸效果了！

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2012-04-30，如有侵权请联系 cloudcommunity@tencent.com 删除

code