Como fazer uma div quando passa mouse aparece outra com alguns segundo

[GabrielPasche]

Estou querendo fazer uma div ou uma imagem/link que abra uma outra div.

bom, não tenho muito o que falar, por isso fiz um gif para explicar melhor.

como explica, passa o mouse na imagem, e abre outra COM ALGUNS SEGUNDOS depois de passado o mouse, creio que isso não é difícil, mais não possuo nem um conhecimento em códigos desse tipo.

estou no aguardo.

pow, alguém sabe ? :unsure:

[xandeco]

eu sei, eu tenho um script pronto aqui, se você quiser tomar ele como base:

<img src='baixarpadrão.jpg' name='pbaixar' width="15%" height='15%' onmouseover='document.pbaixar.src="imgbaixar.gif"' onmouseout='document.pbaixar.src="baixarpadrão.jpg"'>

se você não souber usa-lo, pode me perguntar

[GabrielPasche]

Ficou legal o seu código e eu nunca tinha visto desse jeito :mellow: ,

mais eu acho que ficaria melhor se quando passado o mouse, mostrasse outra div, por cima da imagem.

e agente não pode se esquecer que tem q haver alguns segundos antes da div abrir,

mais o seu código vai me ajudar xandeco ;D

[xandeco]

pois é, as vezes, quando escrevo o código ele parece meio confuso, mas aqui funcionou no Firefox e Chrome, então, deixei assim, sobre os 'segundos depois', ainda não estudei direito essa parte.

[fercosmig]

olha um exemplo ae, se eu entendi acho que pode ajudar!

function mostra(){
    setTimeout('document.getElementById(\'watermelon\').style.display = \'block\';',2000);
}
function esconde(){
    setTimeout('document.getElementById(\'watermelon\').style.display = \'none\';',2000);
}

<img src="arrow_down.gif" onMouseOver="java script: mostra();" onMouseOut="java script: esconde();" />
<div id="watermelon" style="display:none;">esta é a div que vai aparecer</div>