IntroductionIn HTML een gelaagd element kan worden gemaakt met een CSS absolute positie pand en een hoge z-index waarde. Een situatie waarin een dergelijk gelaagd element is te vinden op webpagina's is met een menu set. Een menu set wordt altijd weergegeven elementen achter te dekken. Stel je voor dat een dergelijke gelaagde element is een tabel element met items (hyperlinks) in de tabel cellen. Neem aan dat de tafel heeft een unmouseout evenement.
Uw hoop kan zijn dat als de muisaanwijzer gaat uit van de tafel, zal de unmouseout evenement worden geactiveerd bellen van een client script functie die de tafel (menu set) van het scherm te verwijderen. In de praktijk wordt dit niet bereikt doordat de muisaanwijzer op de Lijst van het ene element naar het andere in de tabel, de onmouseout gebeurtenis wordt geactiveerd. De onmouseout evenement is niet alleen geactiveerd wanneer de muisaanwijzer helemaal uit de gelaagde (tabel) element; het is trigerred als het beweegt van het ene element naar het andere binnen het Table.
In dit artikel zal ik laten zien hoe je de onmouseover gebruiken en onmouseout evenementen om de onmouseout evenement voor de laag element te simuleren en het probleem op te lossen. Je nodig hebt basiskennis van HTML, CSS en JavaScript om dit artikel te begrijpen. Ik droeg mijn experimenten met de browser, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 en Safari 3.Note: Als je niet kunt zien de code of als u denkt dat er iets ontbreekt in dit beeld afwezig artikel (gebroken link ), neem dan contact met mij op [email protected].
Dat is, contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.Demonstration van ProblemIn de volgende code, heb je een DIV-element. Deze DIV element heeft een tabel element. De Tafel element heeft een waarde van absolute voor haar standpunt eigendom. Het heeft een z-indexwaarde van 20. Dus omvat de elementen in de normale CSS flow. De tafel heeft een onmouseout evenement, dat 'Mouse Out' moet worden weergegeven als de muisaanwijzer gaat uit van de tafel. De tafel heeft drie rijen. Elke rij heeft één cel. Elke cel heeft drie hyperlinks.
Probeer de code (opslaan en openen in een browser). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
hyperlink 0