Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Mootools: direzione dello slide

    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, {waitfalseduration500}); 
    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, {waitfalseduration500});
                var 
    previousHeight 35;
                var 
    nextHeight 501;
                
    fxSlideFooter.start('height',previousHeightnextHeight);
            }
    //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!!

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: Mootools: direzione dello slide

    Originariamente inviato da trez
    vorrei che al passaggio del mouse, questo si alzasse VERSO L'ALTO
    questo non e' specifico di mootools

    se l' elemento e' per posizionamento fuori dal normale flusso (quindi assoluto o fixed) simuli uno slide verso l' alto animando contemporaneamente tanto l' height quanto il suo top

    se il suo posizionamento non lo permette, l' idea che scivoli verso l' alto e' dato dall' aumentare anche la quantita' di pixel scrollati del suo contenitore (o del documento stesso)
    qualora vi sia gia' uno scroll o l' animazione comporti l' apparire di scrollbar

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.