Effetto non gradito con Mootools

[Donovant]

Salve, ho creato un semplice effetto il quale con un "mouseover" su un DIV lo sposta in una direzione e con "mouseout" nella direzione opposta, ma non capisco perchè, anche dopo aver settato " link : 'ignore' " se entro ed esco velocemente dal DIV suddetto, ottengo un fastidioso tremolio...

$("music").addEvents({"mouseover":function(){
                                    fx = new Fx.Morph(this, { duration:1000, link:"ignore", transition:"back:out" });
                                    fx.start({"top":"10px"});                  
                                 },
                                 "mouseout":function(){
                                     fx = new Fx.Morph(this, { duration:1000, link:"ignore", transition:"back:out" });
                                     fx.start({"top":"-86px"});
                                 }
                      }); 

Grazie.

[artorius]

a parte il fatto che in MooTools ci sono degli eventi custom per la gestione del mouse, chiamati mouseenter e mouseleave, il problema sembra causato dal fatto che generi un oggetto morph ad ogni chiamato dell'evento (cosa parecchio dispendiosa che causa poi il fatto che quando lanci l'evento leave stai ancora facendo il primo).

Dovresti fare:

window.addEvent('domready', Init);

function Init(){
    $("music").get('morph').setOptions({ duration:1000, link:"ignore", transition:"back:out"});
    $("music").addEvents({
        'mouseenter' : function(){
            this.get('morph').cancel().start({"top":0 - 20});
        },
        'mouseleave' : function(){
            this.get('morph').cancel().start({"top":(0 - 80)});
        }
    });
} 

[Donovant]

hai ragione, non i avevo pensato...
grazie mille sei stato utilissimo

PS: come mai hai prima impostato "ignore", e poi "cancel"...non avresti potuto mettere direttametne "cancel" all'inizio, o non metterlo proprio?