コナミコマンドでロゴを回転させるサイトを速攻で作る方法

コナミコマンド(↑↑↓↓←→←→BA)で Web サイトの画像を一回転させる方法。

jQuery プラグインの jQuery.easterEgg と jqueryrotate を使う。以上です。

gistfile1.js
$('body').easterEgg();
$('body').on('jQuery.esterEgg', function () {
    $("#pronama-logo").rotate({
        angle: 0,
        animateTo: 360
    });
});

ただし、jQuery.easterEgg は、何かはじめにキー入力した場合、途中からコナミコマンドは受け付けない模様。

参考

いきさつ

https://twitter.com/syonbori/status/480730063231414272

リンク

プロ生のサイトがコナミコマンドに対応したようです - がりらぼ(リンク切れ)