ETAPE 1:
Ce tutoriel va vous montrer comment vous pouvez ajouter les mêmes fonctions aux boutons du menu multiples, sans avoir à écrire une fonction ou onClipEvent pour chaque bouton. Vous trouverez peut-être il devient fastidieux d'écrire le code même avec une différence mineure pour chaque bouton! N'hésitez pas à créer un espace plus grand pour le contenu, mais depuis ce tuto' sera axé sur la création du menu, je reste sur la zone de contenu faible.

Pour ce tutoriel, j'ai créer 6 couches, comme vous pouvez le voir sur l'image a). Image b) montre le fond du menu, que j'ai mis dans le menu "bg" calque. Il n'est pas nécessaire d'en faire un symbole, bien que vous mai voulez verrouiller le calque.
                                                       a)                   b)


Étape 2.
Ensuite, j'ai créé un (MC Clip video:)), appelé "content_mc" sur le "contenu" calque. En ce MC J'ai créé les rectangles arrondis sur la couche 1 et un texte pour chaque section sur la couche 2 ci-dessus. Donc, à l'image 1 il ya le texte "la maison".

a)                                                  b)

Étape 3.
À l'image 2 il ya le texte "Portfolio".

a)                                                      b)

Étape 4.

Retour à la timeline principale et lui donner le MC le contenu du nom de l'instance "content_mc", dans le panneau de propriétés. Créez ensuite un rectangle gris sur les "boutons" calque. Convertissez le rectangle en un symbole bouton appelé "boutonA», puis cliquez deux fois dessus. Créer une image clé (F6) sur le dessus de l'Etat.

Étape 5.

Faites le surestimer rectangle d'un bleu vif Nice.
a)                                              b)


Étape 6.

Créez un autre symbole de bouton appelé boutonB, avec un ton légèrement plus foncé, mais avec le bleu vif même "plus" de l'Etat. Créer 3 de chaque bouton, joliment alignés, comme dans l'image ci-dessous. Donner le bouton du haut le nom d'instance "button1", la seconde, "button2" et ainsi de suite jusqu'au "button6".








Étape 7.
Ensuite, créez un rectangle bleu MC, avec les mêmes dimensions que les boutons. Donnez cette MC le nom de l'instance «actuel». Ce MC se glissera pour couvrir le dernier bouton enfoncé. Assurez-vous que le «courant» par exemple est à la co-mêmes X ordainte que les boutons. Lorsque vous positionnez-vous coordonnée y serons là où elle commence lorsque le menu est chargé, mais il se déplacera à couvrir la "maison" bouton. Enfin, ajouter du texte pour chaque bouton sur le calque de texte. Faire en sorte que button1 texte correspond au texte de l'image 1 de la «sections» MC et le même pour button2 et le châssis 2 et ainsi de suite.

a)                                           b)

Étape 8.
Maintenant pour la partie intéressante! :)et dure>< (naan pas autant) Le code suivant va aller sur la couche de script. Je vais vous expliquer chaque ligne ci-dessous le code.



 

Code:

content_mc.stop();  speed=5;  target=button._y; for (var i = l ;i<7; i++) {     this["button"+i].pageNum = i;     this["button"+i].onPress = function () {          target = this._y;          content_mc.gotoAndStop(this.pageNum) ;         };        } this.onEnterFrame = function () {      current._y += (target-current._y)/speed; };

Houlla!!!! Je vous explique^^

Explication du code

Ligne 1 - Le Content_MC doit être interpelé pour etre arreté, car il contient 5 images.

Ligne 2 - Une vitesse est fixée pour le glissement "courant" de se déplacer à MC.

Ligne 3 - Une position de la cible initiale est fixée pour le «courant» pour passer à MC lors du chargement du menu.

Ligne 4 - Plutôt que d'écrire chaque bouton de fonction individuellement, une boucle est créée pour une boucle sur chaque bouton et attribuer une fonction onPress à elle. Le «i» dans la boucle va commencer à 1 et par incrément de 1 (i + +), tandis que i est inférieur à 7 (i <7). Si nous avions 10 boutons que nous avons devrait être fixé à i <11.

Ligne 5 - Chaque bouton est fait référence à l'utilisation de this [ "bouton" + i]. La boucle for incréments "i", de sorte que chaque bouton sera référencée. Sur cette ligne, un numéro de page (pageNum) la propriété est affectée à chaque bouton, en utilisant "i". Button1 se verra attribuer le pageNum "1", button2 "2" et ainsi de suite.

Line 6 - Une fonction onPress est attribué à chaque bouton.

Ligne 7 - Lorsque le sur n'importe quel bouton est pressé la variable cible est la position du bouton (this._y).

Ligne 8 - Content_Mc est dit d'aller voir le numéro de page qui a été entreposée sur la ligne 5, dans la propriété pageNum.

Ligne 11 - Une fonction onEnterFrame est créé qui va exécuter tout code inbetween les accolades () repedly, le frame rate du film.

Ligne 12 - Il s'agit du code utilisé pour déplacer le «courant» MC à la «cible» de valeur, chaque fois qu'un bouton est pressé.

Pour ceux qui ne pigent rien  "copy/paste"^^

Etape 9.
Et cela nous amène à la fin de ce tutoriel!^^   http://rapidshare.com/files/28778389/menu2.fla