Ayuda con efecto flash

[pr0]

Hola

En primer lugar los botones de RESERVAS y CONTACTO son simplemente 2 botones donde en el estado "over" tienen un MovieClip ke contiene un rectángulo con una animación ke lo hace crecer o estirarse. (se podría hacer con código pero vamos sería liarlo mas todavía).

En segundo lugar el tema de los botones del menú y el rectángulo ke persigue el cursor te explico como lo hago yo:

1- crea una capa donde colocas el diseño del contorno del menú o la barra de menú como kieras llamarlo.

2- crea otra capa y ahí pones el rectángulo ke se mueve, tiene ke ser un MovieClip y de nombre de instancia le ponemos "marcador".

3- crea una nueva capa y pones todos los textos de las secciones, es decir, Noticias, Foros, Contacto, etc... según sea tu caso. Los campos de texto tienen ser dinámicos, y ponerle a cada uno de los campos un nombre de instancia. (texto1, texto2, texto3, texto4, texto5...)

4- crea un botón rectángular pero ATENCION el rectangulo del botón solo tienes ke tenerlo en la "zona activa" del botón para ke éste sea invisible en el menú. Crea una capa nueva y pon 5 instancias del botón creado.

5- por último crea una capa ke será la ke utilicemos para poner el codigo. (llamala actions o acciones)


Ahora pasamos al codigo y donde tenemos ke colocarlo:

Este codigo lo ponemos en el primer frame de la capa "acciones":

Código:

MovieClip.prototype.mover = function(longitud,vel,xboton){
   this.onEnterFrame = function(){
      with (this){
         _width = _width + (longitud - _width) / vel;
         _x = _x + (xboton - _x) / vel;
         if (Math.ceil(_width) == longitud && Math.ceil(_x) == xboton){
            delete onEnterFrame;
         }
      }
   }
}
stop();

Como ves es un prototype, el cual sirve para utilizarlo con todos los botones del menú, solo necesitamos saber el codigo ke tenemos ke ponerle a cada botón para hacer uso de ese prototype.

En cada botón tienes ke poner el siguiente codigo:

Código:

on (rollOver){
   vel=7;
   xboton=_root.texto1._x;
  _root.marcador.mover(28,vel,xboton);
}

Nota: en cada botón tendrás ke cambiar "texto1" por el nombre del campo de texto ke está bajo ese botón.

La particularidad ke tiene este menú ke hice con respecto al de la web ke tu me indicas es ke el rectangulo "marcador" va cogiendo el tamaño ke tiene el texto sobre el ke se coloca, en este caso 28, así ke deberás ir cambiando ese número según el ancho ke tenga el campo de texto en cada botón.

Puedes ver un ejemplo "a lo cutre" ke hice en http://www.hispla.com/~toke/menu.html

Espero ke te sirva, saludos