使用Konami代码时自定义鼠标

时间:2014-11-04 13:45:31

标签: cursor

我想知道如何在我的网站上实现复活节彩蛋。我希望这样每当有人使用Konami Code时,他们就会得到一个自定义鼠标。我有想要使用的图像,但我想知道如何在我的网站上实现它。 (如果您想查看我的网站,可以here

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

我在纯JavaScript中创建了一个简单的问题实现,你应该可以在你的网站上烘焙。基本上,我捕获键盘事件,如果正确输入代码,则控制光标外观的css类会发生变化。我在互联网上找到了一个通用的光标文件(fish.cur),但你必须自己定制它。可能有一个更好的解决方案,但这很简单,平台无关并且有效。

这是一个演示: http://whereshappening.com/EasterEggs/CustomCursor/

以下是源代码: https://github.com/joshpierro/EasterEgg/tree/master/CustomCursor

答案 1 :(得分:0)

JS

var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65";
    $(document).keydown(function(e) {
      kkeys.push( e.keyCode );
      if ( kkeys.toString().indexOf( konami ) >= 0 ){
        $(document).unbind('keydown',arguments.callee);
        // Launch easter egg here          
         };

不确定它现在有多相关,但这是我以前听kode,然后只是在其中切换类。