Simulera onmouseout Event för webbsida Layers

IntroductionIn HTML ett skiktat element kan skapas med en CSS absolut egenskapen position och en hög z-indexvärdet. En situation där en sådan skiktade elementet påträffas på webbsidor är med en menyuppsättning. En menyuppsättningen visas alltid att täcka element bakom den. Föreställ dig att en sådan skiktade elementet är ett tabellelement med objekt (hyperlänkar) i dess tabellceller. Antag att bordet har en unmouseout händelse.

Ditt hopp kan vara att när muspekaren går ut i tabellen, kommer unmouseout händelsen utlösas ringer en script funktion som tar bort tabellen (menyuppsättningen) från skärmen. I praktiken är detta inte uppnås eftersom som muspekaren rör sig inom tabellen från ett element till ett annat inne i tabellen, är det onmouseout händelsen utlöses. Den onmouseout händelsen inte bara aktiveras när muspekaren flyttas helt ur lager (tabell) element; det trigerred när det rör sig från ett element till ett annat inne i Table.

In denna artikel kommer jag visa dig hur du använder onMouseOver och onmouseout evenemang för att simulera onmouseout händelsen för lagret elementet och lösa problemet. Du behöver grundläggande kunskaper i HTML, CSS och JavaScript för att förstå den här artikeln. Jag genomförde mina experiment med webbläsare, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 och Safari 3.Note: Om du inte kan se koden, eller om du tror att något saknas i den här artikeln (bruten länk, bild saknas ), bara att kontakta mig på [email protected].

Det vill säga, kontakta mig för minsta problem du har om vad du är reading.Demonstration av ProblemIn följande kod, har du DIV element. Denna DIV element har en tabellelement. Tabellen elementet har ett värde av absolut för sin ståndpunkt egendom. Den har en z-indexvärde på 20. Så det gäller de delar i det normala CSS flödet. Tabellen har en onmouseout händelse, som ska visa Mus Out 'när muspekaren går ut ur tabellen. Tabellen har tre rader. Varje rad har en cell. Varje cell har tre hyperlänkar. Prova koden (spara dem och öppna den i en webbläsare). "https://www.w3.

org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Omdömen

hyperlänk 0 Omdömen