Desde el debut de Dreamweaver, su "comportamiento" potente y fácil de usar ha sido uno de los puntos calientes al que todos prestan atención. En Dreamweaver MX (DW MX), esta función se ha ampliado y mejorado.
En DW MX, el comportamiento se refiere a una operación (Acción) realizada en respuesta a un evento (Evento). Evento se refiere a eventos del navegador, como actualización de ventana, movimiento del mouse, etc. Acción se refiere al código JavaScript que responde a eventos en segundo plano y puede completar las operaciones correspondientes, como reproducir sonidos, voltear imágenes, etc.
Usar DW MX para crear un menú desplegable de navegación es uno de los efectos especiales que se utilizan a menudo en las páginas web. (Figura 1) Utiliza principalmente el comportamiento "Mostrar-Ocultar capas" en DW MX.
Figura 1
Primero cree la barra de navegación (la columna "Centro de productos" en la Figura 1), luego agregue una capa como la ubicación donde se mostrará el menú desplegable y complete las columnas correspondientes del menú desplegable.
A continuación, abra el panel "Comportamientos" y seleccione el enlace "Centro de productos" (tenga en cuenta que no puede seleccionar la capa recién creada en este momento; de lo contrario, no se puede aplicar el comportamiento "Mostrar-Ocultar capas"), haga clic en el signo "+". y seleccione "Mostrar-Ocultar capas", puede ver que la capa que acabamos de crear está en la selección y se puede configurar para ocultar o mostrar (Figura 2).
Figura 2
El maravilloso uso del comportamiento se refleja principalmente en: si queremos implementar un menú desplegable, la clave es hacer que la capa se muestre cuando el mouse se mueve sobre el enlace "Centro de productos" y ocultar la capa cuando el mouse sale; el enlace. Con base en esta idea, primero configuramos dos Acciones para esta capa, una elige Ocultar y la otra elige Mostrar. Luego, ajuste el Evento y configure el Evento de Ocultar Capa en OnMouseOut, lo que significa que el mouse abandona el enlace y configure el Evento de Mostrar Capa en OnMouseOver, lo que significa que el mouse selecciona el enlace; Presione "F12" para obtener una vista previa y podrá ver el efecto que esperamos.
De esta forma, el menú desplegable de navegación que normalmente nos resulta misterioso se puede implementar fácilmente en el comportamiento. También puede continuar aplicando el comportamiento "Intercambiar imagen" en los enlaces de navegación para lograr un efecto de cambio de imagen cuando el mouse hace clic en el enlace.
Los comportamientos no son efectos especiales aislados. Se pueden combinar y superponer mediante múltiples comportamientos para lograr funciones complejas. Además de los comportamientos predeterminados establecidos por DW MX, también podemos descargar más comportamientos interesantes de terceros desde www.mcromedia.com. Sólo necesita copiarlos directamente al directorio DreamweaverMXConfigurationBehaviorsActions para hacer que este punto brillante de DW MX sea aún más deslumbrante.