コナミコマンドでロゴを回転させるサイトを速攻で作る方法
コナミコマンド(↑↑↓↓←→←→BA)で Web サイトの画像を一回転させる方法。
jQuery プラグインの jQuery.easterEgg と jqueryrotate を使う。以上です。
$('body').easterEgg();
$('body').on('jQuery.esterEgg', function () {
$("#pronama-logo").rotate({
angle: 0,
animateTo: 360
});
});
ただし、jQuery.easterEgg は、何かはじめにキー入力した場合、途中からコナミコマンドは受け付けない模様。
参考
- コナミコマンドを入力したときにイベントを発生させるjQueryプラグイン「jQuery.easterEgg」 | バシャログ。(Web アーカイブ)
- jqueryを使って画像を回転させる。jQueryRotateを使用(Web アーカイブ)
いきさつ
https://twitter.com/syonbori/status/480730063231414272
