小A

  • 旧的记忆
  • 关于我

试试Konami Code的神奇

分类:Javascript日期:2012-04-30作者:awinds阅读:629 views

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

Tags: Konami
  • 上一篇:瀑布流网站布局和JQuery插件实现
  • 下一篇:PHP中in_array奇怪的问题
0条评论

暂时没有评论!

发表评论 点击取消评论.

*必填

*必填

分类目录

  • Javascript
  • PHP

近期文章

  • windsformvalid-表单验证JQuery插件
  • Javascript中的==和!=判断
  • 标签云(tagcloud)的球形JQuery插件
  • PHP中in_array奇怪的问题
  • 试试Konami Code的神奇

近期评论

    文章归档

    • 2012年7月
    • 2012年6月
    • 2012年5月
    • 2012年4月

    链接

    • InfoQ
    • V2EX

    功能

    • 登录
    • 条目feed
    • 评论feed
    • WordPress.org
    Copyright © 2012-2020 小A All rights reserved.
    Powered by WordPress. Theme by WPBus. 鄂ICP备11008151号-1