Uno de los comportamientos más habitual e interesante es el de
Mostrar-Ocultar capas. Resulta obvio que para poder aplicar este comportamiento
han de existir capas en el documento.
Vamos a ver qué eventos y acciones hay que establecer
para que se produzca dicho comportamiento.
Después de seleccionar la imagen hay que seleccionar una acción
de la lista, pulsando sobre el botón 
.
En este caso la acción tiene que ser la de Mostrar-Ocultar capas.
Tras elegir la acción, hay que especificar qué capas han de mostrarse u ocultarse para el evento. Para ello hay que pulsar dos veces sobre la acción, en el panel Comportamientos.
Entonces aparece una nueva ventana, con la lista de todas
las capas que hay en la página, en la que puede indicarse la variación
que se va a producir sobre la visibilidad de cada una de las capas.
 |
Puede indicarse si se van a mostrar, si se van a ocultar, o si van a adquirir
la visibilidad inicial (predeterminada).
Para determinar la visibilidad de cada una de las capas
es necesario seleccionarlas una por una, indicando su visibilidad a través
de los botones inferiores de la ventana.
 |
No es necesario aplicar una visibilidad diferente a todas las capas de
la página, solamente a las que se desea que cambien al producirse
el evento. Por ejemplo, en este caso a la capa "gatomes" no
se le ha aplicado ninguna visibilidad diferente, ya que no se desea que
varíe al producirse el evento.
Si se desea eliminar una visibilidad establecida para alguna de las capas, simplemente hay que volver a pulsar sobre el botón correspondiente a la visibililidad que ya tiene aplicada. Por ejemplo, para eliminar la visibilidad aplicada a la capa "gatosemana" habría que volver a pulsar sobre el botón Mostrar.
Hay que tener en cuenta en este caso que lo que se desea es que al situar el puntero sobre la imagen, se muestre la capa, y que cuando el puntero deje de estar sobre la imagen, la capa se vuelva a ocultar. Para ello es necesario insertar dos comportamientos con la acción Mostrar-Ocultar capas. Uno de ellos mostrará la capa para el evento onMouseOver (cuando el ratón esté sobre), mientras que el otro la ocultará para el evento onMouseOut (cuando el ratón esté fuera).
Usuarios que han visto este tema también han visto...
- Sencillo tutorial de como insertar código en DreamWeaver.
- Cinco pasos hacia páginas más profesionales con Dreamweaver MX
- Aprende a dejar preparado el dreamweaver para tu nuevo sitio web.
- Insertar Javascript en DreamWeaver
- Insertar imágenes, peliculas flash y videos en dreamweaver.
- Versión imprimible de este documento
- Enviar por e-mail este documentoInformación legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.