Código AS 3 para efectos de botones comunes. ¡Por favor resuélvelo!
¿Cómo crear un efecto de imagen que siga el movimiento del mouse?
¿Solución?
¿Cuáles son los pasos específicos (requeridos)?
1. Hablemos del marco general: hay cuatro botones ubicados en la interfaz, que es relativamente simple y ya lo hemos visto antes. Consulte el código fuente usted mismo. Centrémonos en la imagen MC. La estructura es así: el nombre de la instancia es aa y hay tres capas en MC *** La primera capa es la imagen MC con el nombre de instancia mc1_mc, la segunda capa es la máscara y la tercera capa es el AS. capa de código. Como se muestra en la Figura 1.
Figura 1 ¿Clip de película "aa"?
2. En el ejemplo, la imagen MC llamada mc1_mc son dos grupos de imágenes conectadas de un extremo a otro. Después de ingresar al grupo de imágenes, verá que cada imagen también es un MC. -estructura de capas. La primera capa es para imágenes, la segunda capa es el botón invisible y la tercera capa es el marco exterior. Como se muestra en la Figura 2.
Figura 2: ¿Cuál es la estructura del micrófono base?
3. Echemos un vistazo al código del botón invisible:?
on(rollOver)?{?
_root.wen="Swordsman - la primera pieza MV." ;?
}?
on?(releaseOutside,?rollOut,?dragOut)?{?
_root.wen=" Me gustaría dedicar un par de humildes esfuerzos para celebrar los 6 meses de Flash Paradise." ;? ;?
}?
on?{?
getURL ("/upload/film/mtv_wangbin200323224030.swf",?" _blank");?
}?
La explicación es la siguiente:?
Cuando el mouse pase sobre él, el cuadro de texto dinámico mostrará "Swordsman - the first MV work"?
Cuando el mouse se retire, el cuadro de texto dinámico mostrará "Me gustaría dedicar este trabajo a la celebración de los 6 meses de Flash Paradise".
¿Se abrirá la página en una nueva ventana cuando sueltes el mouse?
/upload/film/mtv_wangbin200323224030.swfamp;nbsp;
Cada botón El código es similar y no se describirá en detalle. Consulte el código fuente.
4. Mire el ejemplo llamado aa MC. En la tercera capa del código AS, seleccione el marco y agregue el siguiente código:?
_root.wen="Siga el movimiento del mouse Imagen";?
_root.aa.mc1_mc.onEnterFrame?=?function()?{
if(this.hitTest(_root._xmouse,_root._ymouse,true )) ?{
distancia?_root._xmouse-455;?
this._x?
if(this._xlt;-1344.8)?{
este._x?
}?
si?(this._xgt;0)?{? ?- 1344.8;?
}?
} más?{
¿Distancia?
distancia=distancia-5;?
si?(distancialt;=0)?{
distancia=distancia-5;?
si?
distancia=0;?
}?
} else if(distancelt; 0)?{
distancia=0;?
distancia=0;?
distancia=distancia 5;?
if(distanciagt;=0)?{
distancia=0;?
}?
}?
este._x?
si?(this._xlt;-1344.8)?{
este._x?
}?
si?(this._xgt;0)?{?
this._x?=?-1344.8;?
}?
}?
};?
La explicación es la siguiente:?
La primera oración solo quiere el cuadro de texto dinámico para mostrar el inicio.
Establecer el evento onEnterFrame en _root.aa.mc1_mc significa llamar a esta función continuamente a la velocidad de cuadros:?
Si el mouse está sobre el MC, ejecute la siguiente instrucción;?
¿Entiendes la diferencia entre la coordenada X del ratón y 455?
Movimiento de la imagen, /10 es un coeficiente, cuanto mayor es el valor, más lenta es la velocidad de movimiento.
¿1344.8 es la longitud del grupo de imágenes?
if(this._xlt;-1344.8)?{
if(this._xlt;-1344.8) )?
if?(this._xgt;0)?{this._x?=?-1344.8;}?
Este es el código para el desplazamiento continuo.
De lo contrario, si el mouse no está sobre el MC, ¿cuándo?
¿El código está diseñado para aprovechar el hecho de que la distancia es un valor constante en ese punto?
this._x?-=?
Finalmente, agrega el siguiente código:?
if(this._xlt;-1344.8)?{
if(this._xlt;-1344.8)??
if?(this._xgt;0)?{this._x?=?-1344.8;}?
¿Entonces no habrá ningún error?
5. Guardar y probar.
Ver archivo fuente follow-mouse-movement-image.fla