Para conseguir este efecto, he utilizado un clip de pelí cula( mc_campoTexto) con dos capas:

capa textfield: un campo de introducción texto
capa bakground: un clip de pelí cula que dibuja el bakground mc_bakground

He pegado dos instancias de este clip de pelí cula en el escenario y las he instanciado como: mc_campoTexto1, mc_campoTexto2

// – prototype alfa
// – toni lopez
// – www.after-hours.org/blog

MovieClip.prototype.alfa = function(transpariencia) {
        this.transpariencia= transpariencia;
        this.onEnterFrame = function() {
                //  final del bucle
                if (this.transpariencia == this._alpha) {
                        delete this.onEnterFrame;
                        return;
                }
                // aumentar / disminuir
                if (this.transpariencia<this._alpha) {
                        this._alpha -= 10;
                } else if (this.transpariencia>this._alpha) {
                        this._alpha += 10;
                }
        };
};

	
// – navegación

with (mc_campoTexto1) {
        // en foco
        texto.onSetFocus = function() {
                mc_bakground.alfa(50);
        };
        // fuera de foco
        texto.onKillFocus = function() {
                mc_bakground.alfa(100);
        };
}
// –
with (mc_campoTexto2) {
        // en foco
        texto.onSetFocus = function() {
                mc_bakground.alfa(50);
        };
        // fuera de foco
        texto.onKillFocus = function() {
                mc_bakground.alfa(100);
        };
}
	

Puedes descargarte el archivo fuente y un txt con una breve explicación aquí

This entry was posted on Miercoles, Enero 21st, 2004 at 4:38 pm and is filed under Noticias, actionScript avanzado. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.