Ir para conteúdo
Fórum Script Brasil
  • 0

Camada Oculta


mycontato

Pergunta

:lol: E ai, tudo bem ?!?!? :lol:

Pessoal, estou fazendo um site, e eu preciso fazer o segunte:

Eu criei uma DIV chamada apDiv9 que fica invisivel, quando eu passo o ponteiro do mouse, sobre uma imagem, essa camada fica visivel.

Mas o problema, é que ela só fica visivel, quando eu permaneço com o ponteiro do mouse sobre a imagem, quando tiro, ela desaparece.

Eu queria, que quando eu passar o ponteiro ela fique visivel, e só desapareça, quando eu passar o ponteiro novamente sobre a imagem.

Estou usando esse código:

<!-- O script abaixo tem por objetivo fazer a DIV do menu aparece ou desaparece. -->  

&lt;script language="javascript">

function aparece() {

document.getElementById('apDiv9').style.visibility = "visible";

}

function some() {

document.getElementById('apDiv9').style.visibility = "hidden";

}

</script>  

<!-- O script acima tem por objetivo fazer a DIV do menu aparece ou desaparece. -->
Link da imagem, que faz aparecer ou desaparecer a DIV:
<!-- Ao Clicar no link abaixo, a DIV do menu aparece ou desaparece. -->
  
<div id="apDIV6"><a href="#" onmouseover = "aparece()" onmouseout="some()"><img src="imagens/pt_a.gif" border="0"/></a></div>
  
<!-- Ao Clicar no link acima, a DIV do menu aparece ou desaparece. -->

Toda ajuda será muito bem vinda.

valeu !!!!

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Faça algo assim:

Quando passar o mouse em cima do link (onmouseover), você verifica (if(document.getElementById('camada').style.display == 'block')) se a camada está visível. Se ela estiver, muda o display dela para none. Caso contrário (else), muda para display block.

Entendeu? Se tiver dúvidas poste novamente.

Um abraço, tudo de bom.

Link para o comentário
Compartilhar em outros sites

  • 0

Falae William Gustavo !!!!

Obrigado pela força.

Eu entendi que você quer que eu use a tomada de decisão IF, ELSE, mas não entendi a lógica.

Pois no meu site, eu quero que comece invisivel, dai o visitante passa o mouse para exibir o menu, dai ela ficaria visivel e bloqueada, dai seu o visitante quiser esconder o menu, ele passaria o mouse novamente, e a camada ficaria invisivel.

Eu sei usar IF ELSE, mas não sei como aplicar oque eu preciso, no IF ELSE, não estou sabendo fazer a lógica !!!!

William, veja se é isso:

<a href="#" onmouseover = "(if(document.getElementById('apDiv9').style.display == 'block')) else(some())">

Link para o comentário
Compartilhar em outros sites

  • 0

Fiz um exemplo rápido.

<html>
    <head>
        <script type="text/javascript">
        function mediv() {
            var div = document.getElementById('div');
            if(div.style.display == 'none') {
                div.style.display = 'block';
            }
            else {
                div.style.display = 'none';
            }
        }
        </script>
    </head>
    <body>
        <a href="#" onmouseover="mediv()">Mostrar</a>
        <div id="div" style="border: 2px solid #000; display: none; height: 100px; width: 100px;"></div>
    </body>
</html>

Se tiver alguma dúvida poste novamente.

Um abraço.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...