Como mostrar elemento si el mosue se mueve por encima de él yOcultarlo si no se mueve

[walterdevel]

Primero que todo, el elemento no podés ocultarlo con display:none, lo tenés que hacer con visibility:hidden. Luego es simple:

con jquery:

Código HTML:

<div id="midiv" style="visibility:hidden"></div>
 

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    $("#midiv").mouseover(function(){
           $(this).css('visibility', 'visible');
    });
 
    $("#midiv").mouseout(function(){
           $(this).css('visibility', 'hidden');
    });
});
</script>