[Tutorial]Boton con Fade-In y Fade-Out

Tema en 'Foro Libre' iniciado por GBalder, 22 Feb 2010.

  1. Hola!

    En este tutorial les explico como realisar un boton con efecto Fade-In y Fade-Out, les explico el Fade-In es una animacion que ralisamos para que le suceda al boton cuando pasemos el mouse por encima y el Fade-Out es la misma animacion pero en reversa , osea que si esta en el fotoroma 20 va regresando al as fotorama 19 luego 18 ..hasta el 1, eso ocurre cuando el mouse se encuentra fuera de la zona activa del boton.

    Tutorial :




    YouTube - Tutorial Flash - Boton con Fade-In y Fade-Out 1/2


    YouTube - Tutorial Flash - Boton con Fade-In y Fade-Out 2/2


    Codigo del Action Script :


    Código:
    on (rollOver) {
            [COLOR=Red]nombre_mc[/COLOR].onEnterFrame = function () {              
                    
                    if (this._currentframe != [COLOR=RoyalBlue]20[/COLOR]) {
                            this.nextFrame();
                    }
            
                    else {
                            this.stop();
                            delete this["onEnterFrame"];
                    } // Tutorial By LBalder. GamerZlove
            };
    }
    
    on (rollOut) {
            [COLOR=Red]nombre_mc[/COLOR].onEnterFrame = function () {
            
                    if (this._currentframe != 1) {
                            this.prevFrame();
                    }
            
                    else {
                            this.stop();
                            delete this["onEnterFrame"];
                    } // Tutorial By LBalder. GamerZlove
            };
    
    }


    Nombre_mc : Esto lo cambiamos por el nombre de instancia que le ponen al MoviClip del boton.

    20 : Esto lo cambiamos por el numero del ultimo fotorama de la animacion que creamos, osea que si mi animacion tiene 50 fotoramas entonces cambiamos el 20 por 50.


    Resultado:

    *ese es en tamaño completo, osea que la animacion se agranda a todo el navegador.
    Cambiaria el tamaño en el HTML pero me da flojera xD!!


    Atentamente,
    LBalder.
     
  2. Gracias Por el Tuto n_n



    aver si me sale aunque lo veo algo dificil xD!
     

Compartir