El botón de navegación FLASH que hice yo mismo
Cuando estaba embelleciendo una página web recientemente, hice una barra de navegación flash. Dado que algunos de los tutoriales en Internet son demasiado complicados y las explicaciones de los problemas no son muy claras, las compartiré con ellos. Usted aquí. Comparta un método básico para hacer una barra de navegación flash:
La llamada "barra de navegación" se refiere a un menú de botones que generalmente se coloca en la parte superior de una página web y puede vincular a diferentes ubicaciones de páginas web. El llamado "efecto dinámico" se refiere a los diferentes efectos de visualización de la pantalla que se pueden producir en respuesta al movimiento del mouse y al hacer clic en el ícono de cada botón. Además, también se pueden agregar efectos multimedia como audio.
Antes de comenzar a crear, primero debe planificar qué efecto debe mostrar la barra de navegación en su estado original, cuando se mueve el mouse sobre el botón y cuando se hace clic. En pocas palabras, puedo configurar dos estados de visualización, uno es el estado original que se muestra en la imagen de arriba y el otro es que el texto se muestra en blanco inverso y los íconos de los botones son más prominentes (debajo de la superposición de cristal original). La pantalla cambia para mostrarse encima de la superposición). Esto requiere preparar dos conjuntos de imágenes en diferentes estados de visualización (si lo desea, por supuesto, puede usar solo un conjunto de imágenes y utilizar el método de edición de efectos de imagen en Flash para cambiar el efecto de visualización en otro estado). Debido a que usé Photoshop para crear la barra de navegación estática original, no es necesario buscar nuevos materiales para preparar los dos conjuntos de imágenes, se pueden usar ya preparados.
Abre flash mx, importa archivos-importa a la biblioteca e importa todas las imágenes que necesitas usar a la biblioteca actual. Una de las imágenes base es la siguiente:
La. otras imágenes son la imagen del icono original de cada botón. Presione
A continuación, arrastre la imagen base larga desde la biblioteca a la escena y establezca el tamaño y el fondo del documento de fondo. son del mismo tamaño:
Cree cada botón a continuación, inserte - cree un nuevo componente, seleccione "Botón" para "Comportamiento", asígnele el nombre "Inicio", haga clic en el botón Aceptar para ingresar a la interfaz de edición de el botón y selecciónelo en la parte superior El primer cuadro "emergente" (es decir, el estado de visualización original de la barra de navegación), luego arrastre el ícono del botón que representa la "Página de inicio" previamente importada a la biblioteca a la edición área, luego agregue texto estático, configure el estilo de fuente y la fuente. El color es negro y las posiciones relativas del texto y las imágenes están configuradas claramente, como se muestra en la siguiente figura:
Luego seleccione " emergente" cuadro de arriba, haga clic con el botón derecho y seleccione "Copiar cuadro", y luego seleccione el segundo cuadro "Puntero". Después del cuadro "el puntero pasa" (es decir, el estado de visualización en respuesta a los movimientos del mouse), haga clic con el botón derecho y seleccione "Pegar marco" y luego cambie el color del texto a azul claro en el área de edición del marco de "pasos de puntero", como se muestra en la siguiente figura:
Copia este marco de "pasos de puntero" y péguelo en los cuadros "presionados" y "en los que se hizo clic". Por supuesto, si lo desea, también puede crear diferentes efectos de visualización en los marcos de "presionar" y "hacer clic". Aquí solo usamos un efecto de cambio de visualización.
Haga clic en "Escena 1" arriba para cambiar a la escena y arrastre el componente del botón "Inicio" que acaba de crear desde la biblioteca a la imagen base agregada anteriormente, como se muestra en la siguiente figura:
Lo que hay que hacer en este momento es seleccionar el botón de la página de inicio y mover su posición (puede presionar las teclas de flecha para moverse) para que el ícono pueda superponerse con la posición del ícono en el mapa base, para poder Para mostrar el efecto de "resaltado", las posiciones de los íconos del botón y el mapa base no necesitan coincidir exactamente, pero pueden estar ligeramente desplazadas. Sin embargo, debe tenerse en cuenta que la dirección de desplazamiento y el tamaño de desplazamiento de cada botón deben seguir siendo básicamente los mismos. mismo. La siguiente imagen muestra la pantalla después de la posición movida:
A continuación, seleccione el componente del botón "Inicio" en el panel de la biblioteca, seleccione "Editar" en el menú contextual y regrese a la interfaz de edición del botón. y seleccione el marco "emergente", seleccione la imagen del icono en la página de inicio y elimínela. ¿Por qué eliminar? Porque este marco necesita mostrar el estado original, es decir, el efecto del ícono en el mapa base, y no necesita mostrar el ícono detrás del puntero del mouse. La razón por la que se conservó esta imagen antes es para facilitar la colocación del botón y la imagen base en el paso anterior.
Refiriéndose al método anterior, la producción de los otros diez componentes del botón se puede completar en secuencia y colocarse en la posición adecuada en la escena uno. Seleccione el componente del botón en la biblioteca y seleccione "Reproducir" en el menú contextual para copiar el componente (no sé quién lo tradujo, la palabra "reproducir" es realmente incómoda.
) Después de crear y colocar todos los botones, como se muestra en la siguiente figura:
El siguiente paso es agregar enlaces web a cada botón. Seleccione el botón "Inicio" en el área de edición de la escena uno. Tenga en cuenta que después de seleccionar el botón, el componente "Botón" seleccionado actualmente se mostrará en el panel "Propiedades" a continuación, y el "Botón de acción" también se mostrará. que se muestra en el panel "Acción". Indica que el código de acción se puede agregar actualmente al botón. Asegúrese de agregar el código con el componente del botón seleccionado; de lo contrario, el código se puede agregar al código del marco por error y no tendrá el efecto deseado. efecto. Haga clic en el panel "Acción" para abrir el área de edición de código, donde puede agregar el código para el botón. Los amigos que no estén familiarizados con el código no deben preocuparse. Hay una forma sencilla de agregar un enlace web al botón:
Abra el panel "Comportamiento" en el lado derecho del área de edición. haga clic en el ícono más para agregar el comportamiento "web" —"Ir a la página web", como se muestra en la siguiente figura:
Ingrese la dirección del enlace web en el cuadro de diálogo abierto, como "club. excelhome.net", y seleccione "_blank" como método de apertura a continuación. Como se muestra a continuación:
Después de hacer clic en Aceptar, el código del enlace se generará automáticamente en el área de código y un nuevo evento y su acción también aparecerán en el panel "Acción", pero tenga en cuenta que no es así. lo que queremos ahora. Continúe seleccionando el menú desplegable en "Evento" en el panel "Comportamiento" y seleccione "Cuando se presiona" en el menú, para que podamos completar el código clave que necesitamos.
Siga este método y agregue códigos de enlace a todos los demás botones uno por uno, y se completará la barra de navegación flash.
Si necesita agregar un efecto, puede agregar un efecto de sonido al botón cuando el mouse pasa sobre él, importar el archivo del efecto de sonido a la biblioteca, luego editar el componente del botón y seleccionar el segundo cuadro. Coloque el mouse sobre el marco y haga clic en "Propiedades" debajo de "Seleccione el archivo de efectos de sonido previamente importado en el menú desplegable en el lado derecho de "Sonido" en el panel, como se muestra en la siguiente figura:
La barra de navegación final completa es la siguiente (tenga cuidado de encender el altavoz al mover el mouse arriba):
Si comprende este proceso de producción, también puede crear una barra de navegación con más efectos cambiantes. y efectos más deslumbrantes, incluidos submenús, menús deslizantes y otros efectos. Ven y pruébalo todo.
[Esta publicación ha sido editada por el autor el 2008-5-10 12:45:53]
Busca más publicaciones sobre temas relacionados: barra de navegación flash