Snažím sa vytvoriť animáciu v JavaScriptektorá je vyvolaná udalosťou po prejdení myšou a potom sa vráti do pôvodného stavu po myši. Keď používateľ prejde kurzorom nad obrázkom na stránke, ďalšia div s počiatočnou výškou 0 pixelov postupne stúpne na výšku až k 50 pixelom v dolnej časti obrázka.
Problém, s ktorým sa stretávam, je ten, že keď sa pohybujúkurzor z obrázka na prvok div, ktorý teraz pokrýva spodnú časť obrázka, spustí sa myš (pretože ide o samostatný prvok od obrázka) a potom nová udalosť myši v rýchlom slede, pretože prvok div zmizne, keď zistí, že kurzor už nie je nad obrázkom (čo znamená, že sa div opakovane objavuje a rýchlo zmizne).
Zaujíma ma, ako by som asi také porušilslučku, aby div nezmizol, keď nad ním prejde kurzor z obrázka (t. j. zabráni spusteniu udalosti onmouseout, pokiaľ sa myš nepresunie na nejaký iný prvok, ktorý nie je novovytvoreným div).
Tu je obrázok, ktorý, dúfajme, lepšie ilustruje problém:
odpovede:
0 pre odpoveď č. 1Myslím, že pre túto situáciu by ste chceli použiť awrapper div okolo obrázka aj divu, ktorý "animujete". Pripojte udalosti mouseover / mouseout k wrapperu a spustí sa, keď od nich očakávate. Tu je príklad jsfiddle