Riciao a tutti!
Sono sempre alla scoperta di MooTools (come si vede dai miei ultimi topic T_T!), sperando che questi dubbi possano risolvere anche quelli di tanti altri utenti!
Ora che comincio a padroneggiare MooTools in modo quasi degno, mi sono ritrovato a dover animare un footer.
Come si sà, il footer ha la caratteristica di esser posizionato nella parte più bassa di un sito; vorrei che al passaggio del mouse, questo si alzasse VERSO L'ALTO, ma il problema è proprio questo: come faccio a direzionare l'animazione?
Precedentemente, ho creato un menu con un'animazione simile che modifica l'altezza verso il basso senza specificare nulla di particolare sull'oggetto FX:
Codice PHP:
var fxShortContainer = new Fx.Tween(container, {wait: false, duration: 500});
Ora voglio fare la stessa cosa per il footer, ma ovviamente la modifica dell'altezza con l'animazione deve avvenire verso l'alto: come faccio a specificarlo?
Con il codice seguente, al footer non succede nulla (a parte modificare l'opacità, come si può ben vedere).
Codice PHP:
window.addEvent('domready', function(){
var footer = $("footer");
footer.addEvent("mouseenter", function(event){
footer.setStyle('opacity',0.8);
if(menuAnimation == 1){
var fxSlideFooter = new Fx.Elements(footer, {wait: false, duration: 500});
var previousHeight = 35;
var nextHeight = 501;
fxSlideFooter.start('height',previousHeight, nextHeight);
}//if
});//footer.addEvent
footer.addEvent("mouseleave", function(event){
footer.setStyle('opacity',1);
/* if(menuAnimation == 1){
var fxSlideFooter = new Fx.Elements(footer, {wait: false, duration: 500});
var previousHeight = 501;
var nextHeight = 35;
alert('fdsa');
fxSlideFooter.start('height',previousHeight, nextHeight);
}//if */
});//footer.addEvent
});
Grazie per l'aiuto!!