2 replies to this topic

[Wilfrank84]

Olá Galera,

gostaria que alguém me indicasse um tutorial pra criar um efeito parecido com o que foi utilizado no botão "Veja todos o departamentos" do site Americanas.com,

onde o cara passa o mouse em cima e abri uma caixa contendo links para os departamentos de produtos do site.

Esse mesmo efeito pode ser visto em sites de e-commerce como o submarino.com.br e comprafacil.com.br .


VLW Galera.

[Marcel Abreu]

Olá Wilfrank84,

É muito simples. Você pode fazer em CSS, veja no link abaixo um exemplo com tutorial:

Usando a propriedade Z-Index (para fica em cima das outras divs):
http://www.pt-br.htm...ss/lesson15.asp

Daí você pode deixar essa div oculta (hidden), e colocar uma função javascript que mostre ela ao clicar no link:

<script type="text/javascript"> 
function mostrar(id) { 
        radio = document.getElementById(id);
        div = document.getElementById("id_da_sua_div");
        if (radio.checked != true) {
                div.style.display = "none";
        }
        else {
                div.style.display = "block";
        }
} 
</script>

Qualquer dúvida, posta aí!

Um grande abraço,

Edição feita por: Marcel Abreu, 25/08/2010, 14:07.

[Wilfrank84]

VLW Marcel.

Pode fechar o tópico.

Edição feita por: Wilfrank84, 25/08/2010, 16:25.