|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
||||||
Tutoriales
Mostrar y Ocultar div con DreamWeaver En esta ocasión haremos el efecto de aparecer una imagen o texto cuando coloquemos el mouse sobre algún link en Dreamweaver, esto con el uso de las instancias MouseOver y MouseOut. Para ilustrar el ejemplo he colocado en una tabla dos enlaces y en las celdas de abajo unas imagenes, al pasar el mouse sobre los enlaces, aparecera la imagen debajo del enlace la cual desaparecera al quitar el mouse. El procedimiento es el siguiente: 1.- La imagen debe estar dentro de un div y este debe tener la propiedad Visibility en Hidden, en modo diseño el ejemplo al inicio se ve asi:  y en el explorador se debe ver asi:  2.- Como podras ver en el explorador, solo se ven los enlaces pero no las imagenes, ya que estan en un div oculto, ahora comenzamos con el efecto, seleccionamos en primer enlace y nos vamos a la ventana de "comportamientos" (si no la tienes presiona Mayús+F4) y seleccionas el comportamiento "onMouseOver" y das click en el signo de más y seleccionas "Cambiar Comportamiento" mas o menos asi:  y verás una ventana que completarás de la siguiente manera:  con esto lograremos que la imagen se vea cuando se pase el mouse sobre el link.3.- Ahora trabajaremos para quitar la imagen cuando se retire el mouse, seguiremos los mismos pasos anteriores pero ahora seleccionamos el comportamiento "onMouseOut" y la ventana se debe configurar asi:  con esto queda listo el efecto.Puedes ver el ejemplo aqui. Cualquier duda contacta con nosotros para mayores detalles. Hasta Pronto... | ||||||