IntroductionIn HTML um elemento em camadas pode ser criado com um CSS absoluta propriedade position e um alto valor z-index. Uma situação em que um elemento tão mergulhado é encontrado em páginas da web é com um conjunto de menus. Um conjunto de menu é sempre apresentado para cobrir elementos por trás dele. Imagine que um elemento tão mergulhado é um elemento Tabela com itens (hyperlinks) em suas células da tabela. Suponha que a tabela tem um evento unmouseout.
Sua esperança pode ser que quando o ponteiro do mouse sai da mesa, o evento será acionado unmouseout chamar uma função de script de cliente que irá remover a tabela (set menu) a partir do ecrã. Na prática, isto não é alcançado porque, como o ponteiro do mouse se move dentro da Tabela de um elemento para outro dentro da tabela, o evento onmouseout é acionado. O evento onmouseout não só é acionado quando o ponteiro do mouse move completamente para fora da (tabela) elemento em camadas; é trigerred como ele se move a partir de um elemento para outro dentro do Table.
In Neste artigo eu mostrar-lhe como usar a eventos onmouseover e onmouseout para simular o evento onmouseout para o elemento camada e resolver o problema. Você precisa de conhecimentos básicos em HTML, CSS e JavaScript para entender este artigo. Eu realizada minhas experiências com os navegadores, o Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 e Safari 3.Nota: Se você não pode ver o código ou se você acha que alguma coisa está faltando neste artigo (link quebrado, imagem ausente ), basta contactar-me em [email protected].
Ou seja, contacte-me para o menor problema que você tem sobre o que você é reading.Demonstration de ProblemIn o código a seguir, você tem um elemento DIV. Este elemento DIV tem um elemento Table. O elemento da tabela tem um valor de absoluta para a sua propriedade position. Tem um valor de índice z de 20. Assim que abrange os elementos do fluxo de CSS normais. A tabela tem um evento onmouseout, que deve exibir 'Rato Out' quando o ponteiro do mouse sai da mesa. A tabela tem três linhas. Cada linha tem um celular. Cada célula tem três hyperlinks.
Experimente o código (salvá-lo e abri-lo em um navegador). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
hyperlink 0