Ir para conteúdo

Arquivado

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

LevelMax

Mostrar Div ao colocar mouse em cima da aba

Recommended Posts

Eae galera, entrei em um site e vi um sistema bem bacana nele, quando um usuário coloca o mouse em cima da aba (digamos que ele iria fechar) mostra uma div.

Só preciso saber que função é quando colocar o mouse em cima da aba do site. 

Compartilhar este post


Link para o post
Compartilhar em outros sites
8 horas atrás, marsolim disse:

onmouseover

Sim amigão, isso é basico. Porém não sei chamar a função quando colocar o mouse na aba do navegador. Exe

mplo esse site:  Assim que você colocar o mouse em cima da aba (como se fosse para fechar ele) vai aparecer uma div:

http://gustavofreitas.net/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue a ideia, caro colega.

Estou usando JQuery nesta ocasião.

Ao mover o mouse pra fora do documento a div será exibida.

É claro que falta implementar outras coisas, mais isso pode ser seu ponto de partida.

$(document).ready(function(){
  
  $(document).mouseout(function(){
    $('div').show();
  });
  
})

Live demo:

https://codepen.io/Eziquiel/pen/vmWdag

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
15 minutos atrás, Eziquiel disse:

Segue a ideia, caro colega.

Estou usando JQuery nesta ocasião.

Ao mover o mouse pra fora do documento a div será exibida.

É claro que falta implementar outras coisas, mais isso pode ser seu ponto de partida.


$(document).ready(function(){
  
  $(document).mouseout(function(){
    $('div').show();
  });
  
})

Live demo:

https://codepen.io/Eziquiel/pen/vmWdag

 

 

Ual, como não pensei isso antes. Show de bola. E olha que procurei bastante kkk. Show !

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.