Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Haveno

fadeOut jquery não pega!

Por , em Javascript

Recommended Posts

Haveno    0

Haveno
Postado

Ae galera, o fadeIn está funcionando corretamente, agora o fadeOut está dando zica.. Segue o código:

 

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>fadeIn, fadeOut</title>
	<link rel="stylesheet" type="text/css" href="estilo.css" />
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>

<div id="box">

 <span id="cursor"><img src="ajuda.png"></span>

</div>

 <script type="text/javascript">

 	var tooltipTimeout;

	$("#cursor").hover(function()
	                    {tooltipTimeout = setTimeout(showTooltip, 800);}, 
	                    hideTooltip);

	function showTooltip()
	    {
	    var tooltip = $("<div id='tooltip' class='tooltip'>Testando</div>").fadeIn("slow");
	    tooltip.appendTo($("#cursor"));
	    }

	function hideTooltip()
	    {
	    clearTimeout(tooltipTimeout);
	    $("#tooltip").fadeOut("slow").remove();
	    }

 </script>

</body>
</html>

Desde já agradeço qualquer ajuda!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

mude o trecho hover do seu código para esse:

 

 

$("#cursor").hover(function(){

     tooltipTimeout = setTimeout(showTooltip, 800);

}, function (){

    hideTooltip();

});

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito