[ERLEDIGT] Einfaches Mootools script Uncaught TypeError

[AzRaIL]

Hallo

Habe ein Mootools script für meine Navigation, jedoch kriege ich ständig folgenden Fehler in Zeile 5:

Uncaught TypeError: undefined is not a function

So sieht das Script aus:

window.addEvent('domready', function(){
    var list = $$('.menu li a');
    list.each(function(element) {
              
        var fx = new Fx.Styles(element, {duration:700, wait:false, transition: Fx.Transitions.Elastic.easeOut});  
        element.addEvent('mouseenter', function(){
            fx.start({
                'padding-left': 26,
            });
        });  
        element.addEvent('mouseleave', function(){
            fx.start({
                'padding-left': 22,
            });
        });
    });
});

Da soll im Endeffekt nur ein padding-left beim hovern über die Links hin + diesen elastic effekt

.menu li a sind vorhanden
mootools-core und mootools-more Dateien werden geladen

Komme nicht dahinter woran es liegen könnte, kenne mich aber ehrlich gesagt mit mootools auch nicht so aus =/
Hatte die Idee das ganze mit css3 zu lösen per transition, jedoch muss das im IE7 und höher kompatibel sein.
Mit jQuery hab ich es auch versucht aber ist ja quasi auch wieder nur css ($('.menu li a).css(...)).

Kann mir jemand weiterhelfen?

lg

 

[Cheffchen]

Hallo,

mootools keine ahnung aber jquery hat doch noch animation() wo padding in ein effekt einfügen kannst.

Cheffchen

 

[AzRaIL]

Vielen Dank für die Antwort. Hab mir die .animate Funktion mal angeschaut und das ganze in jQuery nachgebaut

jQuery(document).ready(function(){
        jQuery('.menu li a').mouseover(function(){
            jQuery(this).animate({paddingLeft:"+=10px"},100,easeOutBounce);
        });
        jQuery('.menu li a').mouseout(function(){
            jQuery(this).animate({paddingLeft:"-=10px"},100,easeOutBounce);
        });
    });

Hab mir jquery.easing runtergeladen damit diese erweiterten animationen ebenfalls angezeigt werden

http://gsgd.co.uk/sandbox/jquery/easing/

Jedoch hab ich irgendwas vergessen da ich die fehlermeldung kriege:

Uncaught ReferenceError: easeOutBounce is not defined

Werd auch nicht durch die Seite schlau

EDIT: Anführungszeichen vergessen
Dann wäre das Thema erledigt, danke nochmal für die Hilfe :)