11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 15. Comportamientos (II)15.2Mostrar-Ocultar capasUno <strong>de</strong> los comportamientos más habitual e interesante es <strong>el</strong> <strong>de</strong> Mostrar-Ocultar capas. Resultaobvio que para po<strong>de</strong>r aplicar este comportamiento han <strong>de</strong> existir capas en <strong>el</strong> documento.En la página anterior tenías un ejemplo <strong>de</strong> este tipo. Vamos a ver quéeventos y acciones hay que establecer para que se produzca dichocomportamiento.Después <strong>de</strong> s<strong>el</strong>eccionar la imagen hay que s<strong>el</strong>eccionar una acción d<strong>el</strong>a lista, pulsando sobre <strong>el</strong> botón . En este caso la acción tiene queser la <strong>de</strong> Mostrar-Ocultar capas.Tras <strong>el</strong>egir la acción, hay que especificar qué capas han <strong>de</strong> mostrarseu ocultarse para <strong>el</strong> evento. Para <strong>el</strong>lo hay que pulsar dos veces sobre laacción, en <strong>el</strong> pan<strong>el</strong> Comportamientos.Entonces aparece una nueva ventana, con la lista <strong>de</strong> todas las capasque hay en la página, en la que pue<strong>de</strong> indicarse la variación que se va a producir sobre la visibilidad<strong>de</strong> cada una <strong>de</strong> las capas.Pue<strong>de</strong> indicarse si se van aMostrar, si se van a Ocultar, o sivan a adquirir la visibilidad inicial(Pre<strong>de</strong>terminada).la ventana.Para <strong>de</strong>terminar la visibilidad <strong>de</strong>cada una <strong>de</strong> las capas esnecesario s<strong>el</strong>eccionarlas una poruna, indicando su visibilidad através <strong>de</strong> los botones inferiores <strong>de</strong>No es necesario aplicar una visibilidad diferente a todas las capas <strong>de</strong> la página, solamente a lasque se <strong>de</strong>sea que cambien al producirse <strong>el</strong> evento. Por ejemplo, en este caso a la capa gatomes nose le ha aplicado ninguna visibilidad diferente, ya que no se <strong>de</strong>sea que varíe al producirse <strong>el</strong> evento.Si se <strong>de</strong>sea <strong>el</strong>iminar una visibilidad establecida para alguna <strong>de</strong> las capas, simplemente hay quevolver a pulsar sobre <strong>el</strong> botón correspondiente a la visibilidad que ya tiene aplicada. Por ejemplo,para <strong>el</strong>iminar la visibilidad aplicada a la capa gatosemana habría que volver a pulsar sobre <strong>el</strong> botónMostrar.Hay que tener en cuenta en este caso que lo que se <strong>de</strong>sea es que al situar <strong>el</strong> puntero sobre laimagen, se muestre la capa, y que cuando <strong>el</strong> puntero <strong>de</strong>je <strong>de</strong> estar sobre la imagen, la capa sevu<strong>el</strong>va a ocultar. Para <strong>el</strong>lo es necesario insertar dos comportamientos con la acción Mostrar-Ocultarcapas. Uno <strong>de</strong> <strong>el</strong>los mostrará la capa para <strong>el</strong> evento onMouseOver (cuando <strong>el</strong> ratón esté sobre),

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!