Navigation, Menus & Interface (AS2)

Flash 8

///Premier script :
bt1.onRollOver = function() {
ciblemenu._y = 20;
ciblemenu.attachMovie("Menu1_sousmenu","sousmenu1",1);
actionsousmenu1();
};
bt2.onRollOver = function() {
ciblemenu._y = 52;
ciblemenu.attachMovie("Menu2_sousmenu","sousmenu2",1);
actionsousmenu2();
};
bt3.onRollOver = function() {
ciblemenu._y = 82;
ciblemenu.attachMovie("Menu3_sousmenu","sousmenu3",1);
actionsousmenu3();
};

 

///second script :
bt1.onPress = function() {
cible.loadMovie("anims/anim.swf");
};
bt2.onPress = function() {
cible.loadMovie("anims/anim.swf");
};
bt3.onPress = function() {
cible.loadMovie("anims/anim.swf");
};
/////////fonction pour les sousmenus
function actionsousmenu1() {
ciblemenu.sousmenu1.sous_bt1.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu1.sous_bt2.onPress = function() {
_root.cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu1.sous_bt3.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
}
////////
function actionsousmenu2() {
ciblemenu.sousmenu2.sous_bt1.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu2.sous_bt2.onPress = function() {
_root.cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu2.sous_bt3.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
}
////////
function actionsousmenu3() {
ciblemenu.sousmenu3.sous_bt1.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu3.sous_bt2.onPress = function() {
_root.cible.loadMovie("anims/anim2.swf");
};
ciblemenu.sousmenu3.sous_bt3.onPress = function() {
cible.loadMovie("anims/anim2.swf");
};
}

Flash 8

import mx.transitions.Tween;
import mx.transitions.easing.*;
vitesse = 25;
espace = 25;
decalage = 15;
//////////////////////
menu1.onPress = function() {
//Supression du sous menu "sm"
sm.removeMovieClip();
//interpolation de mouvement sur les menus "menu1", "menu2", "menu3"
var Anim1:Tween = new Tween(menu1, '_y', Strong.easeOut, menu1._y, 10, vitesse, false);
var Anim1:Tween = new Tween(menu2, '_y', Strong.easeOut, menu2._y, 90, vitesse, false);
var Anim1:Tween = new Tween(menu3, '_y', Strong.easeOut, menu3._y, 110, vitesse, false);
//Detection de la fin de l'animation
Anim1.onMotionFinished = function() {
//On va chercher le sous menu dans la bibliothèque
_root.attachMovie("sousmenu1","sm",1);
//Positionnement du sous menu sur la scène
sm._y = menu1._y+espace;
sm._x = menu1._x+decalage;
//Interpolation sur la transparence pour faire
//apparaitre le sousmenu en fondu
var fondu:Tween = new Tween(sm, '_alpha', Strong.easeOut, 0, 100, 1, true);
};
};
menu2.onPress = function() {
sm.removeMovieClip();
var Anim2:Tween = new Tween(menu1, '_y', Strong.easeOut, menu1._y, 10, vitesse, false);
var Anim2:Tween = new Tween(menu2, '_y', Strong.easeOut, menu2._y, 30, vitesse, false);
var Anim2:Tween = new Tween(menu3, '_y', Strong.easeOut, menu3._y, 94, vitesse, false);
Anim2.onMotionFinished = function() {
_root.attachMovie("sousmenu2","sm",1);
sm._y = menu2._y+espace;
sm._x = menu2._x+decalage;
var fondu:Tween = new Tween(sm, '_alpha', Strong.easeOut, 0, 100, 1, true);
};
};
menu3.onPress = function() {
sm.removeMovieClip();
var Anim3:Tween = new Tween(menu1, '_y', Strong.easeOut, menu1._y, 10, vitesse, false);
var Anim3:Tween = new Tween(menu2, '_y', Strong.easeOut, menu2._y, 30, vitesse, false);
var Anim3:Tween = new Tween(menu3, '_y', Strong.easeOut, menu3._y, 50, vitesse, false);
Anim3.onMotionFinished = function() {
_root.attachMovie("sousmenu3","sm",1);
sm._y = menu3._y+espace;
sm._x = menu3._x+decalage;
var fondu:Tween = new Tween(sm, '_alpha', Strong.easeOut, 0, 100, 1, true);
};
};

Connectez vous pour lire la suite, ou enregistrez vous gratuitement . La connexion vous permet d'avoir accès aux sources et aux vidéos.

/// NOMBRE DE RUBRIQUES
nbBoutons = 6;
////FONCTIONS
function Initialisation() {
for (n=1; n<=nbBoutons; n++) {
eval("b00"+n).statut = "Haut";
}
}
function GotoStatut() {
for (n=1; n<=nbBoutons; n++) {
eval("b00"+n).gotoAndStop(eval("b00"+n).statut);
}
}
Initialisation();
//////////////////////////
///ACTION SUR LES BOUTONS
b001.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_1.swf");
Initialisation();
b001.statut = "Abaissé";
GotoStatut();
};
b002.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_2.swf");
Initialisation();
b002.statut = "Abaissé";
GotoStatut();
};
b003.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_3.swf");
Initialisation();
b003.statut = "Abaissé";
GotoStatut();
};
b004.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_4.swf");
Initialisation();
b004.statut = "Abaissé";
GotoStatut();
};
b005.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_5.swf");
Initialisation();
b005.statut = "Abaissé";
GotoStatut();
};
b006.onPress = function() {
Support.loadMovie("http://www.ateliernumerique.com/images/stories/flash/swf/nav2/theme_6.swf");
Initialisation();
b006.statut = "Abaissé";
GotoStatut();
};
retour.onPress = function() {
Support.unloadMovie();
Initialisation();
GotoStatut();
};
//////////////////
for (n=1; n<=nbBoutons; n++) {
eval("b00"+n).onRollOver = function() {
this.gotoAndStop("Dessus");
};
}
//////////////////////////
for (n=1; n<=nbBoutons; n++) {
eval("b00"+n).onRollOut = function() {
GotoStatut();
};
}

Connectez vous pour lire la suite, ou enregistrez vous gratuitement . La connexion vous permet d'avoir accès aux sources et aux vidéos.

var menu = new Array();
mymenu(1,"Travaux","clip1",2,"on","clip1.swf");
mymenu(2,"Photos","clip2",1.5,"off","clip2.swf");
mymenu(3,"Les musées","clip3",1,"off","clip4.swf");
mymenu(3,"Les nus","clip3",1,"off","clip3.swf");
mymenu(3,"Nature morte","clip3",1,"off","clip2.swf");
mymenu(2,"Illustration","clip2",1.5,"off","clip4.swf");
mymenu(2,"Graphisme","clip2",1.5,"off","clip1.swf");
mymenu(3,"Affiche Orangina","clip3",1,"off","clip2.swf");
mymenu(2,"Typographie","clip2",1.5,"off","clip1.swf");
mymenu(1,"Références","clip1",2,"on","clip2.swf");
mymenu(2,"l'Oreal","clip2",1.5,"off","clip3.swf");
mymenu(2,"Dior","clip2",1.5,"off","clip2.swf");
mymenu(2,"Renault","clip2",1.5,"off","clip4.swf");
mymenu(2,"Pullman","clip2",1.5,"off","clip2.swf");
mymenu(2,"SFR","clip2",1.5,"off","clip3.swf");
mymenu(2,"Orange","clip2",1.5,"off","clip1.swf");
mymenu(2,"Lactel","clip2",1.5,"off","clip4.swf");
mymenu(1,"Contact","clip1",2,"on","clip3.swf");
mymenu(1,"Liens","clip1",2,"on","clip1.swf");
};

Connectez vous pour lire la suite, ou enregistrez vous gratuitement . La connexion vous permet d'avoir accès aux sources et aux vidéos.

Bouton.onRollOver = function() {
_root.attachMovie("MonMenu","MonMenu",1);
MonMenu._x = this._x;
MonMenu._y = this._y;
ActivationDuMenu();
};
//////
function ActivationDuMenu() {
MonMenu.Affiches_Btn.onRollOver = function() {
_root.attachMovie("Rub_Affiches","Rub_Affiches",2);
Rub_Affiches._x = Bouton._x+this._x;
Rub_Affiches._y = Bouton._y+this._y;
ActivationMenuAffiches();
};
MonMenu.Animations_Btn.onRollOver = function() {
_root.attachMovie("Rub_Animations","Rub_Animations",2);
Rub_Animations._x = Bouton._x+this._x;
Rub_Animations._y = Bouton._y+this._y;
ActivationMenuAnimations();
};
MonMenu.Illustrations_Btn.onRollOver = function() {
_root.attachMovie("Rub_Illustrations","Rub_Illustrations",2);
Rub_Illustrations._x = Bouton._x+this._x;
Rub_Illustrations._y = Bouton._y+this._y;
ActivationMenuIllustrations();
};
MonMenu.Typographie_Btn.onRollOver = function() {
_root.attachMovie("Rub_Typographie","Rub_Typographie",2);
Rub_Typographie._x = Bouton._x+this._x;
Rub_Typographie._y = Bouton._y+this._y;
ActivationMenuTypographie();
};
MonMenu.Photos_Btn.onRollOver = function() {
_root.attachMovie("Rub_Photos","Rub_Photos",2);
Rub_Photos._x = Bouton._x+this._x;
Rub_Photos._y = Bouton._y+this._y;
ActivationMenuPhotos();
};
}
/////
var n:MovieClipLoader = new MovieClipLoader();
function ActivationMenuAffiches() {
Rub_Affiches.Affiche1_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/affiche1.gif","Support"); };
Rub_Affiches.Affiche2_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/affiche2.gif","Support"); };
Rub_Affiches.Affiche3_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/affiche3.gif","Support"); };
}
function ActivationMenuAnimations() {
Rub_Animations.Anim1_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/anim1.swf","Support"); };
Rub_Animations.Anim2_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/anim2.swf","Support"); };
}
function ActivationMenuIllustrations() {
Rub_Illustrations.Illust1_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/illus1.jpg","Support"); };
Rub_Illustrations.Illust2_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/illus2.jpg","Support"); };
Rub_Illustrations.Illust3_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/illus3.jpg","Support"); };
}
function ActivationMenuTypographie() {
Rub_Typographie.Typo1_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/typo1.jpg","Support"); };
Rub_Typographie.Typo2_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/typo2.png","Support"); };
}
function ActivationMenuPhotos() {
Rub_Photos.Photo1_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/photo1.jpg","Support"); };
Rub_Photos.Photo2_Btn.onPress = function() {
n.loadClip("http://www.ateliernumerique.com/images/stories/flash/swf/nav3/pages/photo2.jpg","Support"); };
}

Connectez vous pour lire la suite, ou enregistrez vous gratuitement . La connexion vous permet d'avoir accès aux sources et aux vidéos.

var menu = new Array();
mymenu(1,"Travaux","clip1",2,"on","clip1.swf");
mymenu(2,"Photos","clip2",1.5,"off","clip2.swf");
mymenu(3,"Les musées","clip3",1,"off","clip4.swf");
mymenu(3,"Les nus","clip3",1,"off","clip3.swf");
mymenu(3,"Nature morte","clip3",1,"off","clip2.swf");
mymenu(2,"Illustration","clip2",1.5,"off","clip4.swf");
mymenu(2,"Graphisme","clip2",1.5,"off","clip1.swf");
mymenu(3,"Affiche Orangina","clip3",1,"off","clip2.swf");
mymenu(2,"Typographie","clip2",1.5,"off","clip1.swf");
mymenu(1,"Références","clip1",2,"on","clip2.swf");
mymenu(2,"l'Oreal","clip2",1.5,"off","clip3.swf");
mymenu(2,"Dior","clip2",1.5,"off","clip2.swf");
mymenu(2,"Renault","clip2",1.5,"off","clip4.swf");
mymenu(2,"Pullman","clip2",1.5,"off","clip2.swf");
mymenu(2,"SFR","clip2",1.5,"off","clip3.swf");
mymenu(2,"Orange","clip2",1.5,"off","clip1.swf");
mymenu(2,"Lactel","clip2",1.5,"off","clip4.swf");
mymenu(1,"Contact","clip1",2,"on","clip3.swf");
mymenu(1,"Liens","clip1",2,"on","clip1.swf");
};