0.1.1 • Published 8 years ago
jquery.konami v0.1.1
#jquery.konami
Embed keyboard-accessible easter eggs in your website. Using it? Let me know, I'll add you to the list!
##The List
##Usage
Available via npm install jquery.konami
package on npm
Konami accepts an options object with the follow properties:
- onInit - function to be called when plugin initializes
- onPatternMatch - function to be called when keyboard input matches pattern
- once (boolean) - when true, only call
onPatternMatch()
once. Default:true
- pattern (string) - pattern to be matched. Default: up, up, down, down, left, right, left, right, b, a
And emits the following events:
- 'konami.init' - emitted when plugin is initialized
- 'konami.match' - emitted when user input matches pattern. Does not respect
options.once
Code:
<script src="path/to/jquery"></script>
<script src="path/to/konami.min.js"></script> // or konami.js
// Callback based
<script>
var options = {
pattern: [71, 79, 80, 65, 84, 82, 73, 79, 84, 83].join(''), // gopatriots
onPatternMatch: function (e, data) {
$('#pats-banner').animate({ left: -20% }, 4000).fadeOut();
}
};
$('body').konami(options);
</script>
// Event Based
<script>
$('body')
.on('konami.init', function (e, data) {
console.log('konami.init');
})
.on('konami.match', function (e, data) {
console.log('konami.match!');
})
.konami();
</script>