• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mootools: Morph verzögern

Status
Für weitere Antworten geschlossen.

tim-peters

Neues Mitglied
Hey
Arbeite grade ganz neu mit Mootools und bin sehr begeistert. Jetz stehe ich aber vor einem Problem welches ich nicht zu lösen vermag und bei dem mir auch die Documentation von Mootools.net nicht weitergeholfen hat.
Ich möchte dass die Funktion "morph" verzögert ausgelöst wird. Dies habe ich mit setTimeout versucht was aber nicht funktioniert hat.
Wie kann ich, in meinem Beispiel den zweiten Morph (mouseleave) um eine bestimmte Zeit verzögern?

Hier mein Beispiel..noch ohne Verzögerung.
Javascript:
Code:
window.addEvent('domready', function() {

    
    // Or we just use Element.morph
    $('handone').addEvent('mouseover', function(e) {
        e.stop();
        // zu css classe handchanged wechseln
        this.morph('.handchanged');
    });
    
        $('handone').addEvent('mouseleave', function(e) {
        e.stop();
        // zu css div.handnorm zurück wechseln
        this.morph('div.handnorm');
    });
    
        $('handone').addEvent('click', function(e) {
        e.stop();
        // Bei click zu css display:none wechseln.
        this.tween('display', 'none');


    });

});
Dazu habe ich natürlich das mootools.script eingebettet.

lg
Tim-
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben