Ir para conteúdo

POWERED BY:

Arquivado

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

haruan

[Resolvido] pop up 2

Por , em Javascript

Recommended Posts

haruan    0

haruan
Postado

me passaram já como fazer aparecer um pop up quando eu ponho o mouse em cima de um link, agora preciso eu o pop um suma quando eu tirar o mouse do link.

 

o código

 

CODE

<html>

<head>

<title>Criar uma DIV igual a uma janela Popup</title>

<style>

#pop{display:none;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-100px;padding:10px;width:300px;height:200px;border:1px solid #d0d0d0}

</style>

</head>

<body>

<div id="pop">

<a href="#" onClick="document.getElementById('pop').style.display='none';">[Fechar]</a>

<br />

Agora coloque o estilo dessa div.

 

</div>

 

<a href="#" onmouseover="document.getElementById('pop').style.display='block';">Mostra</a>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

peder    0

peder
Postado

adicione o evento onmouseout no link

 

<a href="#" onmouseover="document.getElementById('pop').style.display='block';" onmouseout="document.getElementById('pop').style.display='none';">Mostra</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

haruan    0

haruan
Postado

adicione o evento onmouseout no link

 

<a href="#" onmouseover="document.getElementById('pop').style.display='block';" onmouseout="document.getElementById('pop').style.display='none';">Mostra</a>

 

Brigadão, funcionou,

 

pra eu fazer o popup aparecer do lado do mouse alguem sabe?

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