Dans cette vidéo, nous créerons un menu glissière avec apparition dynamique, pour cela, nous utiliserons la classe TweenLite pour les transitions et la classe Rollover (personnalisé) pour la gestion des états des boutons, cette dernière classe est une classe qui gère les rollOver et rollOut dynamiquement, vous la retrouver dans le pack téléchargeable, il a été légèrement réadapté pour l'occasion, mais reste tout même similaire à celui proposé dans mon framework. Nous allons aussi créer un effet lumineux sur les boutons du menu, celui-ci utilisera différent masques qui laisserons apparaitre les lueurs. 


Voici quelques unes des fonctionnalité de ce menu:

•Formatage css interne pour les titres de notre menu.
•Reflet lumineux
•Rollover dynamique géré en externe
•Bride des boutons pendant la navigation
•Bride des boutons en fonction de la page en cours.
•Filtres dynamiques (ombres)

Voici ce que nous verrons dans ce tutoriel:
L'interface:

• Mise en place du menu
• Création des lueurs du menu (utilisation de masques et d'interpolations)
• Mise en place des pages avec texte dynamique

Le code:

• Imports: classe TweenLite et RollOver
• Mise en place des variables utilisés pour le menu
• Gestion du css pour le titre du menu
• Détection des mouvements dans la zone du menu
• Mise en place dynamique et positionnement du menu
• Gestion du contenu de la page et positionnement dynamique (TweenLite)

Voilà, si vous avez des questions, sachez que vous pouvez les déposer dans la partie commentaire.

Fichiers:
Vous trouverez les fichiers joints accompagnant le tutoriels, le pack comprend, le fichier fla,swf et la classe Rollover.

Modifications et améliorations:
Pour que le menu soit complètement opérationnel, vous pouvez ajouter ceci à la fin de la dernière condition:

else if (nbP === pagActu){
        m.mouseChildren = true
    }

Ceci débloquera le bouton même si celui-ci  est similaire à la page actuelle.