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