2014-11-04 22 views
1

我想知道如何在我的網站上實現復活節彩蛋。我希望這樣,只要有人使用Konami代碼,他們就會得到一個自定義鼠標。我有我想要使用的圖像,但我想知道如何在我的網站上實現它。 (如果你想檢查我的網站,你可以here使用Konami代碼時的自定義鼠標

感謝您的幫助!

回答

1

我用純JavaScript創建了一個簡單的問題實現,您應該可以將它們烘焙到您的網站中。基本上,我捕獲鍵盤事件,如果您正確輸入代碼,則控制光標外觀的css類會發生更改。我在互聯網上找到了一個通用的光標文件(fish.cur),但是您必須自己定製它。可能有更好的解決方案,但這很簡單,平臺不可知並且可行。

這裏是一個演示: http://whereshappening.com/EasterEggs/CustomCursor/

這裏是源代碼: https://github.com/joshpierro/EasterEgg/tree/master/CustomCursor

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,然後在裏面切換課程。