como ocultar/fazer sumir div ao passar o mouse sobre ela - Fórum CodigosnaWeb.com
Você recebeu uma nova MP, clique aqui


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

Assista vídeos sobre como ocultar/fazer sumir div ao passar o mouse sobre ela • Busque diretamente no Youtube

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

Moderador: web

Logar para Responder
Logar para Perguntar

 como ocultar/fazer sumir div ao passar o mouse sobre ela em 06 Dez 2011 00:00

Usuário offline Luiz Fernando Lima
9 post(s)
NOVO MEMBRO  Masculino
0 ponto(s)

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



mais 0

11 resposta(s)

 como ocultar/fazer sumir div ao passar o mouse sobre ela em 06 Dez 2011 10:47
Usuário offline web
15435 post(s)
ADMIN  Masculino
5198 ponto(s)
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.


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 06 Dez 2011 16:26
Usuário offline Luiz Fernando Lima
9 post(s)
NOVO MEMBRO  Masculino
0 ponto(s)
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


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 06 Dez 2011 17:13
Usuário offline web
15435 post(s)
ADMIN  Masculino
5198 ponto(s)
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.


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 06 Dez 2011 22:47
Usuário offline Luiz Fernando Lima
9 post(s)
NOVO MEMBRO  Masculino
0 ponto(s)
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,


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 07 Dez 2011 12:37
Usuário offline web
15435 post(s)
ADMIN  Masculino
5198 ponto(s)
O modo mais comum é usar um outro elemento para ocultar ou mostrar determinada div.


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 08 Dez 2011 16:15
Usuário offline Luiz Fernando Lima
9 post(s)
NOVO MEMBRO  Masculino
0 ponto(s)
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


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 08 Dez 2011 17:07
Usuário offline web
15435 post(s)
ADMIN  Masculino
5198 ponto(s)
Blz.


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 09 Dez 2011 21:41
Usuário offline Luiz Fernando Lima
9 post(s)
NOVO MEMBRO  Masculino
0 ponto(s)
..., 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


mais 0


 como ocultar/fazer sumir div ao passar o mouse sobre ela em 09 Dez 2011 22:28
Usuário offline web
15435 post(s)
ADMIN  Masculino
5198 ponto(s)
Eu achei um exemplo aqui nesse link http://jsfiddle.net/rNWpz/

Fiz umas modificações. Veja se ficou parecido com o que precisa.

Selecionar   Numerar   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>

Selecionar   Numerar   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>

Selecionar   Numerar   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ê.


mais 1



 Busca Dinâmica

Clique em alguma palavra-chave para buscar, ou busque uma frase na caixa de pesquisa a seguir.

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



Próximo

Logar para Responder
Logar para Perguntar




Voltar para JavaScript, XML e jQuery

Quem está online

Usuários navegando neste fórum: Bing [Bot] e 5 visitantes

Servidores dedicados a R$450,00/Mensais

Ler o feed    Assinar o feed    CodigosnaWeb    CodigosnaWeb/forum    codigosnaweb HOTMAIL    Pousadas de Floripa