Ir para conteúdo

POWERED BY:

Arquivado

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

LACRIMAL

[Resolvido] mouseover/out

Por , em Javascript

Recommended Posts

LACRIMAL    2

LACRIMAL
Postado

Olá, estou criando um menu, e preciso que uma area dele tenha mouseover e mouseout.

O problema é que, quando o mouse fica sobre o div, o texto que deve aparecer fica piscando quando o mouse se move.

 

js:

$("#forum_hover").mouseover(function(){ $(".forum_hover").fadeIn("fast");});
$("#forum_hover").mouseout(function(){ $(".forum_hover").fadeOut("fast");});

os div's:

<div id="forum_hover">
<div class="app left">
	<div class="box-app" >
		<div class="title" id="forum">fórum</div>
    		
            <div class="table_app_forum">
            	<div class="action_app_forum">mayara criou um tópico:</div>
                <div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
            </div>

            <div class="table_app_forum_two">
            	<div class="action_app_forum">mayara criou um tópico:</div>
                <div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
            </div>
            
            <div class="table_app_forum">
            	<div class="action_app_forum">mayara criou um tópico:</div>
                <div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
            </div>
	
    </div>
</div>
<div class="hidd"><b>karranca</b></div>

</div>

Agradeço desde já =)

abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado

Cria um container.

ex:

 

<html>
<head>
<style type="text/css" media="all">
#container{
width:200px;
height:400px;
border:1px solid red;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function(){

	$("#container").hover(function(){ 
		$("#forum_hover").fadeIn("fast");
	}, function(){ 
		$("#forum_hover").fadeOut("fast");
	});

});
</script>
</head>
<body>
<div id="container">
	<div id="forum_hover">
	<div class="app left">
			<div class="box-app" >
					<div class="title" id="forum">fórum</div>
					
				<div class="table_app_forum">
					<div class="action_app_forum">mayara criou um tópico:</div>
					<div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
				</div>

				<div class="table_app_forum_two">
					<div class="action_app_forum">mayara criou um tópico:</div>
					<div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
				</div>
				
				<div class="table_app_forum">
					<div class="action_app_forum">mayara criou um tópico:</div>
					<div class="name_action_app_forum link"><a href="#">"Prowler com musicas próprias"</a></div>
				</div>
			
		</div>
	</div>
	<div class="hidd"><b>karranca</b></div>

</div>
</div>
</body>
</html>

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