IntroducciónEn HTML un elemento en capas se puede crear con un CSS absoluta propiedad position y un alto valor de z-index. Una situación en la que un elemento tan capas se encuentra en las páginas web es un conjunto de menús. Un conjunto de menú se muestra siempre para cubrir los elementos detrás de él. Imagine que un elemento tan capas es un elemento de la tabla con artículos (hipervínculos) en sus celdas de la tabla. Supongamos que la tabla tiene un evento unmouseout.
Su esperanza puede ser que cuando el puntero del ratón sale de la tabla, el evento unmouseout se activará llamar a una función script de cliente que eliminará la tabla (menú fijo) en la pantalla. En la práctica, esto no se logra, porque como el puntero del ratón se mueve dentro de la tabla de un elemento a otro dentro de la tabla, el evento onmouseout se dispara. El evento onmouseout no sólo se activa cuando el puntero del ratón se mueve completamente fuera de la (tabla) elemento en capas; se trigerred medida que se mueve de un elemento a otro dentro de la Table.
In este artículo te mostraré cómo usar el onmouseover y onmouseout eventos para simular el evento onmouseout para el elemento de capa y resolver el problema. Es necesario un conocimiento básico de HTML, CSS y JavaScript para entender este artículo. Realicé mis experimentos con los navegadores, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 y Safari 3.Note: Si no puede ver el código o si cree que falta algo en este artículo (enlace roto, la imagen ausente ), simplemente en contacto conmigo en [email protected].
Es decir, en contacto conmigo para el más mínimo problema que tenga sobre lo que eres reading.Demonstration de ProblemIn el siguiente código, usted tiene un elemento DIV. Este elemento DIV tiene un elemento de la tabla. El elemento de la tabla tiene un valor de absoluta por su propiedad position. Tiene un valor de índice z de 20. Por lo tanto, cubre los elementos en el flujo CSS normal. La tabla tiene un evento onmouseout, que debe mostrar 'Ratón Out' cuando el puntero del ratón sale de la tabla. La tabla tiene tres filas. Cada fila tiene una celda. Cada célula tiene tres hipervínculos.
Pruebe el código (guardarlo y abrirlo en un navegador). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
hipervínculo 0