Implementujte metodu hover() jQuery v MooTools

jQuery nabízí rychlou metodu zkratky události zvanou hover, která přijímá dvě funkce, které představují akce přejetí myší a přejetí myší. Zde je návod, jak to implementovat pro prvky MooTools.

Zobrazit ukázku

JavaScript MooTools

/* hover! */
Element.implement({
	'hover': function(fn1,fn2) {
		return this.addEvents({
			'mouseenter': function(e) {
				fn1.attempt(e,this);
			},
			'mouseleave': function(e) {
				fn2.attempt(e,this);
			}
		})
	}
});

Implementujeme hover(), který přijímá funkce; jeden bude vyvolán při mouseenter a druhý při události mouseleave. Každá funkce je předána odpovídající události.

Použití

/* fade in and out on hover event */
$('hover-me').hover(function(e) {
	this.fade('out');
}, function(e) {
	this.fade('in');
});
Zobrazit ukázku

Tento jednoduchý příklad použití využívá vyblednutí prvku.