Un menu qui bouge grace au tween

Description

première source donc rien de bien compliqué mais comme j'ai galérer au départ pour le faire je suis sur que ca intéresse qqun

Source / Exemple :


stop();
import mx.transitions.Tween;
import mx.transitions.easing.*;
//déclaration des variables tween
var sup1:Tween;
var move1:Tween;
var sup2:Tween;
var move2:Tween;
//fonction qui définit la position du bouton par rapport au précedent et qui assigne les propriétes des boutons à leur masque
onEnterFrame = function () {
tbt1._x = bt1._x;
tbt2._x = bt2._x;
tbt3._x = bt3._x;
tbt4._x = bt4._x;	
tbt1._y = bt1._y;
tbt2._y = bt2._y;
tbt3._y = bt3._y;
tbt4._y = bt4._y;
bt2._y = bt1._y+bt1._height;
bt3._y = bt2._y+bt2._height;
bt4._y = bt3._y+bt3._height;}

//on passe la valeur du bouton par bt et bto définit le bouton précédemment selectionné et tbt le texte
tbt1.onRollOver = function(){
tbt=tbt1;
bto=bt;
bt=bt1;
clic();};

tbt2.onRollOver = function(){
tbt=tbt2;
bto=bt;
bt=bt2;
clic();};

tbt3.onRollOver = function(){
tbt=tbt3;
bto=bt;
bt=bt3;
clic();};

tbt4.onRollOver = function(){
tbt=tbt4;
bto=bt;
bt=bt4;
clic();};

//function qui fait bouger les boutons
function clic ()
{
	sup1 = new Tween(bto, "_yscale", Regular.easeOut, bto._yscale, 90, 1, true);
	move1 = new Tween(bt, "_height", Back.easeOut, bt._height, tbt._height-4, 1, true);
	sup2 = new Tween(bto, "_x", Regular.easeOut, bto._x, 68.2, 1, true);
	move2 = new Tween(bt, "_x", Back.easeOut, bt._x, 212.4, 1, true);
		
}

der.onRollOut= function(){
	move1.stop();
	move2.stop();
	sup1 = new Tween(bt, "_yscale", Regular.easeOut, bt._yscale, 90, 1, true);
	sup2 = new Tween(bt, "_x", Regular.easeOut, bt._x, 68.2, 1, true);
	}

Conclusion :


voila vos remarques et suggestions sont évidemment les bien venu

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.