Comunidad de diseño web y desarrollo en internet online

menu animado, o menu interactivo, o menu dinamico..???

Citar            
MensajeEscrito el 03 Oct 2005 04:49 pm
que tal a todos, gracias al destino di con este sitio tan genial y no tarde mas en registrarme. Yo estoy bien verde en comparacion con la mayoria de ustedesen conocer Flash MX, y agradeceria de sobremanera que me ayudaran en lo seguiente: me an pedido un menu similar al de la pagina http://www.teleoptica.com.mx/ , pero no se ni como empezar.... insisto, se los agradecere y ojala se pudieran ayudarme... de antemano gracias

Por ffrr

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Oct 2005 05:15 pm
1. creas un boton (b1)
2. creas una animacion, donde el primer frame es un Fotograma clave vacio y lleva en el AS un stop, a partir del segundo fotograma haces la animación.
Ese movie clip lo ubicas en el escenario y le colocas un nombre de instancia, por ejemplo (cortina)
3. Ahora entonces en el boton(b1) que creamos le colocamos el sig. AS:

on (rollOver) {
tellTarget ("/cortina") {
play();
}
}

4. listo... espero q te sirva

Por FabioJara

6 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 03 Oct 2005 05:59 pm
De momento en Firefox no veo la página.

Con Explorer si, y te recomiendo que entres en la sección de tutoriales y le des un vistazo a este. (Menú con efecto de easing para novatos)

Por antonio_L

161 de clabLevel



Genero:Masculino  

de Linares

firefox
Citar            
MensajeEscrito el 03 Oct 2005 06:07 pm
ahora que si por ejemplo quiero agregar un boton en el menu de ejemplo "Crear un menú desplegable con cantidad de items dinamicos" en la seccion de tutoriales....

Por ffrr

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 05 Oct 2005 07:52 pm
Bien "ffrr", parece que no te ha parecido bien que te remita al tutorial (Menú con efecto de easing para novatos), por supuesto no pretendía ofender nada mas lejos de mi intención, solo pretendía que te hicieras una idea de uno de los principios de funcionamiento de estas cosas. Perdona.

Como haría yo si tuviera necesidad, bueno te expongo.

1º__Crear un movieCilp contenedor y dentro de él todos los demás movieCilp que son botones ( que en la página a la que nos remites son los logos).
2º__Un movieClip con las dimensiones adecuadas para enmascarar el movieClip contendor.
3º__Un movieClip que es botón con dos instancias en el escenario una que hace subir los logos y otra que los hace bajar.
En el primer fotograma de la línea de tiempo he puesto este código:

Código :

//mascara para "conten_mc"
conten_mc.setMask(mask_mc);
//
velocidad = 5;
//
sube_mc._alpha = baja_mc._alpha = 0;
//funcion que crece los botones_Mc.
function crecer(clip) {
   clip.onEnterFrame = function() {
      this._xscale += 10;
      this._yscale += 10;
      if (this._xscale >= 150) {
         this._yscale = this._xscale = 150;
         delete this.onEnterFrame;
      }
   };
}
//funcion que decrece los botones_Mc.
function decrecer(clip) {
   clip.onEnterFrame = function() {
      this._xscale -= 10;
      this._yscale -= 10;
      if (this._xscale <= 100) {
         this._yscale = this._xscale = 100;
         delete this.onEnterFrame;
      }
   };
}
//funcion para desplazar 
function desplazar(a) {
   conten_mc.onEnterFrame = function() {
      this._y += a * velocidad;
      trace(a);
   };
}
//
conten_mc.clip1_mc.onRollOver = function() {
   crecer(this);
};
//
conten_mc.clip1_mc.onRollOut = function() {
   decrecer(this);
};
//
conten_mc.clip2_mc.onRollOver = function() {
   crecer(this);
};
//
conten_mc.clip2_mc.onRollOut = function() {
   decrecer(this);
};
//
conten_mc.clip3_mc.onRollOver = function() {
   crecer(this);
};
//
conten_mc.clip3_mc.onRollOut = function() {
   decrecer(this);
};
//botones de desplazamiento
sube_mc.onRollOver = function() {
   desplazar(-1);
   this._alpha = 100;
};
//
sube_mc.onRollOut = baja_mc.onRollOut = function () {
   conten_mc.onEnterFrame = null;
   this._alpha = 0;
};
//
baja_mc.onRollOver = function() {
   desplazar(1);
   this._alpha = 100;
};


Seguramente el código se puede mejorar un montón, y si fuera necesario se podría crear el menú dinámicamente pero como principio de funcionamiento sirve.

Espero que a ti también te sirva

Por antonio_L

161 de clabLevel



Genero:Masculino  

de Linares

firefox
Citar            
MensajeEscrito el 06 Oct 2005 08:23 am
Hola y bien venido a Cristalab ffrr. No estaría mal que te estudiases los tutoriales sobre menús que existen aquí. Porque son una buena base para empezar.

Pero ten en cuenta que todos los ejemplos y tutoriales están desarrollados para flash mx 2004.

Por otra parte, la página está mal diseñada por que no se puede ver en firefox, y además se nota a la legua que es una plantilla de las que puedes descargarte pagando una módica cantidad. en la página hay varios menús el de la izquierda y el desplegable. Así que puedes mirarte los tutoriales:

http://www.cristalab.com/tutoriales/92/crear_un_menu_desplegable_con_cantidad_de_items_dinamicos

http://www.cristalab.com/tutoriales/57/menu_con_efecto_de_easing_para_novatos

http://www.cristalab.com/tutoriales/11/menu_con_efecto_de_easing_en_flash

http://www.cristalab.com/tutoriales/26/sistemas_de_navegacion_en_flash__botoneras_y_menus

http://www.cristalab.com/tutoriales/48/tutorial_de_uso_del_componente_menu_de_flash_mx_2004


entre otros para estudiar el tema de los menús.

Suerte.

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.