IntroductionIn HTML en lagdelt element kan lages med en CSS absolutt posisjon eiendommen og en høy z-indeksverdi. En situasjon hvor en slik lagdelt element finnes på nettsidene er med et menysett. En meny sett vises alltid å dekke elementer bak det. Tenk deg at en slik lagdelt element er en tabell element med varer (hyperlenker) i sine tabellceller. Anta at tabellen har en unmouseout hendelse. Håpet kan være at når musepekeren går ut av tabellen, vil unmouseout arrangementet skal utløses kalle en klient skript funksjon som vil fjerne bordet (menysett) fra skjermen.
I praksis er dette ikke oppnås fordi som musepekeren beveger seg innenfor tabell fra ett element til et annet inne i tabellen, er onmouseout hendelsen utløses. Den onmouseout arrangementet er ikke bare utløses når musepekeren beveger seg helt ut av lagdelt (tabell) element; det er trigerred som den beveger seg fra ett element til et annet inne i Table.In denne artikkelen vil jeg vise deg hvordan du bruker onmouseover og onmouseout arrangementer for å simulere onmouseout begivenhet for laget element og løse problemet.
Du trenger grunnleggende kunnskaper i HTML, CSS og Javascript for å forstå denne artikkelen. Jeg utført mine eksperimenter med nettlesere, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 og Safari 3.Obs Hvis du ikke kan se koden, eller hvis du tror noe mangler i denne artikkelen (brutt link, bilde fraværende ), bare kontakte meg på [email protected]. Det er, kontakt meg for den minste problemet du har om hva du reading.Demonstration av ProblemIn følgende kode, har du en DIV element. Dette DIV element har en tabell element.
Tabell-element har en verdi av absolutt for sin posisjon egenskap. Den har en z-indeksverdi på 20. Slik det dekker elementene i den normale strømnings CSS. Bordet har en onmouseout hendelse, som bør vise "Mouse Out 'når musepekeren går ut av tabellen. Bordet har tre rader. Hver rad har en celle. Hver celle har tre hyperkoblinger. Prøv koden (lagre den og åpne den i en nettleser). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd">
hyperkobling 0 Anmeldelser