Baje un tutorial sobre como se hace este menu:
http://www.incimutlu.com/
Aqui les coloco el codigo:
Código :
import mx.transitions.Tween;
import mx.transitions.easing.*;
buttons = new Array (s1_btn, s2_btn, s3_btn, s4_btn, s5_btn, s6_btn, s7_btn, s8_btn, s9_btn, s10_btn);
var space:Number = 5;
var ancho:Number = 41;
var oldX:Number;
var newX:Number;
var oldW:Number;
var newW:Number;
handle_menu = function () {
newX = 0;
for (var i:Number = 0; i < buttons.length; i++) {
oldX = buttons[i]._x;
new Tween (buttons[i], "_x", Strong.easeOut, oldX, newX, 1, true);
if (buttons[i].boton_btn == this) {
newX += (buttons[i]._width + space);
newW = buttons[i]._width;
} else {
newX += (ancho + space);
newW = ancho;
}
oldW = buttons[i].mascara_mc._width;
new Tween (buttons[i].mascara_mc, "_width", Strong.easeOut, oldW, newW, 1, true);
}
};
button_status = function (val:Boolean) {
for (var i:Number = 0; i < buttons.length; i++) {
buttons[i].boton_btn.enabled = val;
}
};
var intervalId:Number;
var hit_area:Boolean = false;
function executeCallback ():Void {
if (!this.hitTest (_root._xmouse, _root._ymouse)) {
if (!hit_area) {
ancho = 98;
handle_menu ();
hit_area = true;
button_status (false);
}
} else {
if (hit_area) {
ancho = 41;
hit_area = false;
button_status (true);
}
}
}
intervalId = setInterval (this, "executeCallback", 10);
for (var i:Number = 0; i < buttons.length; i++) {
buttons[i].boton_btn.onRollOver = handle_menu;
}
s1_btn.boton_btn.onRollOver();
Hasta ahi todo sale bien, cuando le coloco imagenes grandes (ancho) al momento de pasar el mouse por encima del boton mueve los demas botones, pero lo que quiero es que la imagen quede centrada en la pantalla, es decir que corra los botones tanto de la derecha como de la izquierda no importa si se pierden del escenario, pero, como dije antes, la imagen quede en el centro de la pantalla.
Espero haberme explicado bien.
Gracias de antemano.
Saludos.[/url]
