formulario que suerge ao passar o mouse

[r0ltu 0]

Boa noite,

gostaria de fazer um efeito que vi no site da Locaweb:

 

 

http://www.locaweb.com.br/default.html

 

Na parte superior, onde há o link painel de controle, quando se passa o mouse em cima, surge o formulario para digitar o nome de acesso.

 

No site da kinghost o mesmo (link webmail)

 

http://www.kinghost.com.br/

 

 

Tentei quebrar a cabeça para fazer semelhante em meu site, com css, mas não consegui pegar o esquema deste processo.

Será que alguém saberia como isto é feito?

 

Obrigado e um abraço,

Rolim.

[bhion 1]

<ul>

<li>BOTAO AONDE ESTARA O FORMULARIO

<div>formulario</div>

</li>

</ul>

 

Ai é só formatar o tamanho da div e colocar o fomulario dentro.

[Alexandre Broggio 9]

voce tera que utilizar position absolute e um pouco de javascript.

 

Utilize o firebug para ver como foi feito o html e css da pagina isso ja vai lhe dar uma boa ajuda.

[Marcos Xavier 189]

Com o seletor a e a pseudo-classe :hover.

Na verdade é um menu dropdown.

Ler http://maujor.com/tutorial/ddownmenu-a.php

[Bru_ce 53]

Simples amigo,

 

HTML

 

<a href="#" id="showForm">MOSTRAR FORMULÁRIO</a>
 
<form id="formulario" style="display:none">
Nome: <input type="text" name="nome">
</form>

 

JS

 

$(function(){
$("#showForm").mouseover(function(){
$("#formulario").show();
});
});

[r0ltu 0]

 

Simples amigo,

 

HTML

 

<a href="#" id="showForm">MOSTRAR FORMULÁRIO</a>
 
<form id="formulario" style="display:none">
Nome: <input type="text" name="nome">
</form>

 

JS

 

$(function(){
$("#showForm").mouseover(function(){
$("#formulario").show();
});
});

Amigo, interessante.

Este código JS eu insiro onde? Dentro da própria página HTML?