Simuloidaan onmouseout Tapahtuma-Web-sivu Layers

IntroductionIn HTML kerroksellinen elementti voidaan luoda CSS absoluuttinen asema omaisuutta ja korkea z-indeksin arvo. Jos tuollaista kerroksellinen elementti löytyy verkkosivuilla on kanssa Menu Set. Menu Set näkyy aina kattamaan elementtejä takana. Kuvittele, että tällainen kerroksittain elementti on taulukon elementti kohdetta (hyperlinkkejä) sen taulukon soluissa. Oletetaan, että pöydässä on unmouseout tapahtuma.

Toivosi saattaa olla, että kun hiiren osoitin menee pois taulukosta, unmouseout tapahtuma käynnistyy soittamalla asiakas skripti toiminto, joka poistaa taulukosta (Menu Set) näytöstä. Käytännössä tämä ei saavuteta, koska kuten hiiren osoitin liikkuu Taulukko yhdestä elementistä toiseen taulukon sisällä, onmouseout tapahtuma käynnistyy. Onmouseout tapahtuma ei ole vain laukeaa, kun hiiren osoitin liikkuu kokonaan ulos kerrostunut (taulukko) elementti; se on trigerred kun se liikkuu yhdestä elementistä toiseen sisälle Table.

In tämän artikkelin minä näytän sinulle, miten käyttää onmouseover ja onmouseout tapahtumia simuloida onmouseout tapahtuma kerroksen elementti ja ratkaista ongelma. Tarvitset perustiedot HTML, CSS ja JavaScript ymmärtää tämän artikkelin. Olen suorittaa minun kokeita selaimilla, Internet Explorer 6, Mozilla Firefox 2, Netscape 8, Opera 9 ja Safari 3.Note: Jos et näe koodia tai jos luulet jotain puuttuu tässä artikkelissa (rikki linkki, kuva poissa ), vain yhteyttä minuun [email protected]. Että on, minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.

Demonstration on ProblemIn seuraava koodi, sinulla on DIV elementin. Tämä DIV elementti on pöytä elementti. Taulukko elementti on Absoluuttisen kantansa omaisuutta. Se on z-index arvo 20. Joten se kattaa elementtejä normaali CSS virtausta. Taulukossa on onmouseout tapahtuma, jonka pitäisi näyttää "Hiiri Out" kun hiiren osoitin menee pois taulukosta. Taulukko on kolme riviä. Jokainen rivi on yksi solu. Jokainen solu on kolme hyperlinkkejä. Kokeile koodi (tallenna se ja avaa se selaimessa). "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.

dtd">

hyperlinkin 0