Ir para conteúdo

POWERED BY:

Arquivado

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

Micilini Roll

Passou mouse div apareçeu - tirou sumiu!

Por , em Javascript

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

pessoal o efeito que desejo fazer é igual da barra de tarefas do windows,se voce passar o mouse em cima caso ele estiver oculto ele apareçe caso nao ele volta a ficar oculto,eu tenho o codigo:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){
 $('#conteudo').hide();

 $('#mostrar').click(function(event){
 event.preventDefault();
 $("#conteudo").show("slow");
 });

 $('#ocultar').click(function(event){
 event.preventDefault();
 $("#conteudo").hide("slow");
 });
 });

</script>

</head>

<body>

<p>
<a href="#" style="opacity:0.0;" onmouseover="#" id="mostrar">passe o mouse aqui pra apareçer a div embaixo</a> |
</p>

<div id="conteudo" style="background-color:#09F; padding:5px; margin:0; width:300px;">
<h3>olha o menu iniciar aqui</h3>

</div>


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

 

 

so que este comando eu devo clicar no link para apareçer a div normalmente,no caso desejo um comando que assim que eu passar o mouse em cima do link a div conteudo apareçe mas se eu tirar o mouse a div some novamente,tem este comando que oculta a div:

 

$('#ocultar').click(function(event){
 event.preventDefault();
 $("#conteudo").hide("slow");
 });
 });

 

 

alguem me ajuda a montar este quebra cabeça?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodrigopa    7

rodrigopa
Postado 
$("#suaDiv").hover(function(){
	// aqui aparece a div se estiver oculta
}, function() {
	// aqui esconde a div
});

 

Mais ou meno isso, tente adaptar ao seu código.

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