Ir para conteúdo

POWERED BY:

Arquivado

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

blackmind

Problemas com mouseover/mouseout

Por , em Javascript

Recommended Posts

blackmind    1

blackmind
Postado

Ola,

amigos é o seguinte, eu tenho 1 x em uma div que no momento que o mouse vai entrar em cima, ele some, e quando se afasta da div ele volta, acontece, que quando o mouse esta em cima da div ele PARECE ficar acionando a funcao toda hora, ele nao executa e para e sim fica executando infinitas vezes e o x fica piscando. abaixo esta o codigo, e logo depois esta a pagina com o teste. se alguem souber como fazer para o x parar de piscar fico grato.

 

    <script type="text/javascript">
	$(document).ready(function(){
		w= screen.availWidth;
		h= screen.availHeight;

		$("#camadacinza").width(w);
		$("#camadacinza").height(h);

		$(".fechar").mouseover(function(){
			$(this).hide();
		});
	});

	function fechar(){
		alert("ola");
		$(".fechar").show();
	}
</script>
</head>
<body style="margin:0; background:#ffffff;">
	<div style="position:absolute; background:#000; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); z-index:2500" id="camadacinza"> </div>

   <div class="fechar" onmouseout="fechar();" style="position:absolute; z-index:4001; top:26px; left:36px; cursor:pointer;">
   	<img src="icone-fechar.gif" width="10" height="10" alt="fechar" title="fechar" />
   </div>

   <div style="border-top: 2px solid #fff; position: absolute; top: 23px; z-index: 4000; left: 34px; height: 1px; width: 15px;"> </div>
   <div style="border-right: 2px solid #fff; position: absolute; top: 23px; z-index: 4000; left: 32px; width: 1px; height: 15px;"> </div>
   <div style="position: absolute; top: 23px; z-index: 4000; border-left: 2px solid #fff; width: 1px; height: 15px; left: 47px;"> </div>
   <div style="border-top: 2px solid #fff; position: absolute; z-index: 4000; left: 34px; height: 1px; width: 15px; top: 36px;"> </div>

   <div style="position:absolute; z-index:3000; zoom:1;" class="publicidade">
	<iframe class="btiframe" src="http://www.baixarfilmesonline.org/conversor/adorika.php" frameborder="0" height="255" width="305" scrolling="no"></iframe> 
   </div>

 

 

em funcionamento aqui http://baixarfilmesonline.org/conversor/script.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vadio    13

Vadio
Postado

só pra fica melhor de ver.. teoricamente é isso mesmo não testei por isso não posso dizer se funciona

$(".fechar")
   .mouseover(function() {
       $(this).hide();
   })
   .mouseout(function(){
       $(this).show();
   })
;

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

use mouseenter e mouseleave no lugar do over e out.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pensa bem.. qndo você coloca o mouse sobre o X, ele se esconde.

então você mesmo está forçando o mouseout. Pois qndo ele se esconde, o mouseout acontece. E ai pisca, por causa desse loop q você criou.

 

:lol:

 

 

para funcionar, dispare no elemento pai do x, e não no x propriamente dito. E não esconda o elemento q dispara.

Assim, veja:

$(".fechar").mouseenter(function() {
   $(this).find('img').hide();
});
$(".fechar").mouseleave(function() {	
 $(this).find('img').show();
});

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