como ocultar/fazer sumir div ao passar o mouse sobre ela - Fórum CodigosnaWeb.com

como ocultar/fazer sumir div ao passar o mouse sobre ela

Fórum sobre: JavaScript, XML, AJAX e jQuery

Moderador: web

Assista o vídeo    Busque no Youtube
Luiz Fernando Lima
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 9
Registrado em: Ter Nov 29, 2011 10:43 PM
Sexo: Masculino

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor Luiz Fernando Lima » Ter Dez 06, 2011 12:00 AM

Ola a todos, desde já fico agradecido pela atençao,
estou com uma necessidade em um projeto/site de apenas ocultar uma camada/elemento ao passar o mouse...,seria ocultar uma div que ja possue um efeito javascript dentro..., gostaria que a div (ou melhor o efeito javascript) ficasse oculto quando o mouse estivesse sobre..., a função do mouse sobre o elemento faria desaparece-lo e só aparecer quando o mouse estiver fora do elemento/camada (no caso a div com o javascript)..., não sei se isso é possivel e vou continuar pesquisando...se alguem souber alguma indicação ficaria muito grato
0

web
ADMIN
ADMIN
Mensagens: 15570
Registrado em: S√°b Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor web » Ter Dez 06, 2011 10:47 AM

O que você pode fazer é tentar usar o display block no onmouseover, assim você deixa a div não visível para o usuário.
Se gostou do conte√ļdo, participe e divulgue.
0

Luiz Fernando Lima
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 9
Registrado em: Ter Nov 29, 2011 10:43 PM
Sexo: Masculino

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor Luiz Fernando Lima » Ter Dez 06, 2011 4:26 PM

Brigadão mais uma vez pela atenção "Web"..., pesquisei um pouco o que escreveu e fiquei com duvida se teria que fazer uma função javascript tbm? ..., o onmouseover teria que inserir na minha div junto com display block????não manjo muito de javascript..., e qualquer informação seria muito importante para pesquisar depois (pois o evento q preciso necessita que a div volte ao tirar o mouse sobre ela).Valeu
0

web
ADMIN
ADMIN
Mensagens: 15570
Registrado em: S√°b Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor web » Ter Dez 06, 2011 5:13 PM

Estava vendo aqui, quando o efeito de esconder a div é direto sobre ela, dá uma pane no script. A div fica escondendo e voltando ao passar o cursor.
Se gostou do conte√ļdo, participe e divulgue.
0

Luiz Fernando Lima
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 9
Registrado em: Ter Nov 29, 2011 10:43 PM
Sexo: Masculino

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor Luiz Fernando Lima » Ter Dez 06, 2011 10:47 PM

fiz uns testes e realmente ta meio estranho..., esconder um script n√£o deve ser algo comum...,vou dar mais uma pesquisada, mas acho que vou ter q mudar de estrategia...rs,
0

web
ADMIN
ADMIN
Mensagens: 15570
Registrado em: S√°b Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor web » Qua Dez 07, 2011 12:37 PM

O modo mais comum é usar um outro elemento para ocultar ou mostrar determinada div.
Se gostou do conte√ļdo, participe e divulgue.
0

Luiz Fernando Lima
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 9
Registrado em: Ter Nov 29, 2011 10:43 PM
Sexo: Masculino

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor Luiz Fernando Lima » Qui Dez 08, 2011 4:15 PM

Blz (web)valeu pela luz...,mudei de estratégia, vou fazer o contrario (em vez de sumir ao passar o mouse agora to tentando fazer com que apareça ao passar o mouse), acho que ficaria melhor..., estou pesquisano se consigo com onmouseover, mas acho vou ter que usar outro elemento como vc disse, talvez um jquery num sei inda vou pesquisar..., brigado pelo direcionamento e "localização" na minha duvida , vou ver o que consigo fazer pra por no ar ai depois posto um link da pagina pra ficar mais clara a duvida pra se quiser dar uma olhada,valeu
0

web
ADMIN
ADMIN
Mensagens: 15570
Registrado em: S√°b Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor web » Qui Dez 08, 2011 5:07 PM

Blz.
Se gostou do conte√ļdo, participe e divulgue.
0

Luiz Fernando Lima
NOVO MEMBRO
NOVO MEMBRO
Mensagens: 9
Registrado em: Ter Nov 29, 2011 10:43 PM
Sexo: Masculino

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor Luiz Fernando Lima » Sex Dez 09, 2011 9:41 PM

..., valeu 'web', mais nada ainda, inda num consegui nenhum efeito que faça o que quero, que é fazer um javascript aparecer em determinado lugar qdo se passase o mouse, sobre esse lugar, (talvez esse efeito de ocultar e aparecer script não seja algo correto/logico de se fazer). Coloquei na pagina pra fazer um teste e para melhor clareza da duvida: http://www.mensagempublica.com.br/
São dois calendarios (dois efeitos javascript, cada um com um div diferente) a esquerda (um com datas do mes e um com a data do dia, sobreposto), gostaria que o calendario do dia só aparecesse qdo se passase o mouse (uma especie de zoom para na data do dia...), qq informação seria muito grato (até pra saber se isto é possivel ou não), pois to meio perdido nessa duvida.Valeu
0

web
ADMIN
ADMIN
Mensagens: 15570
Registrado em: S√°b Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

como ocultar/fazer sumir div ao passar o mouse sobre ela

Mensagempor web » Sex Dez 09, 2011 10:28 PM

Eu achei um exemplo aqui nesse link http://jsfiddle.net/rNWpz/

Fiz umas modifica√ß√Ķes. Veja se ficou parecido com o que precisa.

C√≥digo: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona

<script src="jquery.js"></script>
 
<script>
$(document).ready(function() {
 
$('#a').hover(function() {
    $(this).css('backgroundColor','red');
    $('#b').css('display','block');
  },
  function () {
    $(this).css('backgroundColor','white');
    $('#b').css('display','none');
  }
);
 
});
</script>

C√≥digo: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona

<style type="text/css">
#a {
    border:1px dashed red;
    width:100px;
    height:100px;
}
 
#b {
display:none;
    border:1px dashed blue;
    width:100px;
    height:100px;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
}
</style>

C√≥digo: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona

<div id="a"></div>
<div id="b"></div>

Existe também script de tooltip em jQuery, pode ser viável para você.
Se gostou do conte√ļdo, participe e divulgue.
0


como ocultar/fazer sumir div ao passar o mouse sobre ela
Comentários
Carregando comentários
Comente
Nome *

Seu e-mail *

Seu comentário *

0 caractere(s)
Repita o texto acima
Re(carregar) imagem


Comentários que não serão aprovados:
- Com palavrões;
- Com palavras ofensivas contra alguém;
- Com publicidade;
- Com spam;
- Que não tenha relação com o assunto da página comentada;
- Com perguntas. Para perguntar poste no fórum.

Voltar para ‚ÄúJavaScript, XML e jQuery‚ÄĚ

Quem est√° online

Usuários neste fórum: Nenhum usuário registrado e 5 visitantes