Menu con efecto easing

0 - - 22/11/2004 00:00:00

1.- Creamos 5 botones y a cada uno de ellos le asignamos un nombre de instancia correlativo: "Boton1", "Boton2", "Boton3", "Boton4", "Boton5".
2.- Asignamos a un fotograma el siguiente Actionscript.

//Creamos un prototipo con una función de easing
//al que pasaremos como "valor"
//la escala de ampliación del botón
MovieClip.prototype.Ampliar = function(valor) {
this.onEnterFrame = function() {
this._xscale = valor-(valor-this._xscale)/1.1;
this._yscale = this._xscale;
};
};
//Creamos un array de 6 elementos y asignamos valores
//El elemento 0 lo dejo en blanco
//porque no lo voy a utilizar
Enlaces = new Array();
Enlaces = ["","http://www.google.es","http://www.yahoo.es", "http://www.macromedia.com", "http://www.adobe.com","http://www.mozilla.org"];
//Creo un bucle del 1 al 5
for (i=1; i<6; i++) {
//Btn toma el nombre de cada uno de los botones
Btn = this["Boton"+i];
//Dentro de cada boton creo una variable
//de la que extraigo los valores del array
Btn.Link = Enlaces[i];
Btn.onRollOver = function() {
//Aplicamos el "easing" a un valor de "250"
this.Ampliar(250);
}
Btn.onRollOut = function() {
//Restauramos el boton a su estado normal
this.Ampliar(100);
}
Btn.onRelease = function() {
getURL(this.Link);
}
}

Elaborándolo un poco más en cuanto a Actionscript. Concretamente creando otra array podríamos controlar el texto de los botones, con lo que a partir de un sólo botón podríamos crear todas las instancias necesarias.

Descargar Ejemplo » »

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha