Como esconder ul ao clicar fora do menu ou passar o mouse fora do menu? Tentei mas não obtive sucesso.
function aperfil(opthard){
if(document.getElementById(opthard).style.display== "none"){
document.getElementById(opthard).style.display = "block";}
else {document.getElementById(opthard).style.display = "none"}
}
<ul class="menup">
<li><a href="#"><img src="img/icones/perfil.png" width="27" height="22" alt="" onClick="aperfil('perfil');"/></a>
<ul id="perfil" style="display: none; border:1px solid #5589c4; background-color:#fff;">
<li><a href="/painel/alt_pass.php">Alterar Senha</a></li>
<li><a href="/painel/suporte.php">Suporte</a></li>
<li><a href="?go=sair">Sair</a></li>
</ul>
</li>
</ul>
onmouseout
que representa que você retirou o mouse em cima do menu.mouseout
poronmouseout
. Passe o mouse na imagem .w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover