Tenho uma div que no onMouseOut chama uma função que da um "Fade" usando Jquery na mesma.. porém quando tem conteudo tipo um link e eu vou com o mouse sobre ele o evendo é disparado como se eu tivesse saido da div... e a danada some.
Como resolver isso sem ter que criar uma porrada de gambiarra e códigos.... porque isso ocorre?
Segue meu código:
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function oculta(){ $('#conteudo').fadeOut(600); } </script> </head> <body> <div id="conteudo" style="border:#0F0 solid 1px; width:300px; height:200px; padding:20px;" onMouseOut="oculta()"> <a href="#">Link</a> </div>
Quem quizer ver o exemplo funcionando:
http://www.gaia.gublee.com/teste.html
Agradeço a ajuda desde ja