IntroductionIn HTML un élément en couches peut être créé avec un CSS propriété absolue de position et une valeur élevée z-index. Une situation où un tel élément en couches se trouve sur les pages web est un ensemble de menus. Un ensemble de menu est toujours affiché à couvrir des éléments derrière elle. Imaginez qu'un tel élément en couches est un élément de tableau avec des éléments (liens hypertextes) dans ses cellules de tableau. Supposons que la table a un événement unmouseout.
Votre espoir est peut-être que lorsque le pointeur de la souris sort de la table, l'événement sera déclenché unmouseout appelant une fonction de script client qui va enlever la table (menu fixe) de l'écran. Dans la pratique, cela ne soit pas atteint parce que le pointeur de souris se déplace dans le tableau d'un élément à un autre à l'intérieur du tableau, l'événement onmouseout est déclenchée.
L'événement onmouseout est non seulement déclenché lorsque le pointeur de la souris se déplace complètement hors de la (tableau) élément en couches; il est trigerred comme il se déplace d'un élément à un autre à l'intérieur du Table.In cet article, je vous montre comment utiliser le onmouseover et onmouseout événements pour simuler l'événement onmouseout pour l'élément de couche et résoudre le problème. Vous avez besoin des connaissances de base en HTML, CSS et JavaScript pour comprendre cet article.
Je portais mes expériences avec les navigateurs, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 et Safari 3.Notez: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait dans cet article (lien brisé, l'image absente ), contactez-moi au [email protected]. Qui est, me contacter pour le moindre problème que vous avez à propos de ce que vous êtes reading.Demonstration de ProblemIn le code suivant, vous avez un élément DIV. Cet élément DIV comporte un élément de tableau. L'élément de la table a une valeur d'absolu pour sa propriété position.
Il a une valeur z-index de 20. Donc, il couvre les éléments dans le flux de CSS normale. Le tableau a un événement onmouseout, qui devrait afficher «Souris Out» lorsque le pointeur de la souris sort de la table. Le tableau comprend trois lignes. Chaque ligne a une cellule. Chaque cellule a trois liens hypertexte. Essayez le code (l'enregistrer et l'ouvrir dans un navigateur). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd"> Photos
0 hyperlien