• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

exalt

[Resolvido] Menu Deslizante JavaScript

5 mensagens neste tópico

Boas,

É o seguinte tenho um código JavaScript, que faz um menu que abre e fecha, o que desejo é saber como posso fazer para o menu abrir e fechar mas com um efeito deslizante.

O código que tenho é o seguinte:

<script type="text/javascript">
function shDiv(popup)
{

var box = document.getElementById(popup)
var a = document.getElementById(popup + '_a')
var t = document.getElementById(popup + '_t')


a.innerHTML =(a.innerHTML=='Aberto')?'Fechado':'Aberto';
t.className =(t.className=='Tclose')?'Topen':'Tclose';
box.style.display = (box.style.display=='none')?'block':'none';
}
</script>

<div class="shBox" id="box1" style="display:none;">
<div style=" background-color:#000000; width:500px; height:70px; color:#FFFFFF;">
TESTE
</div>
</div>

<span id="box1_t" class="Topen"></span><a href="#" onclick="shDiv('box1');" id="box1_a">Fechado</a>

Para saberem mais precisamente o que desejo aqui fica um exemplo: http://www.shape5.com/demo/index.php

Espero que possam ajudar

Cumps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Com JS puro não te posso ajudar, mas se usares uma lib JS tipo jQuery, podes fazer isso muito facilmente..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Com JS puro não te posso ajudar, mas se usares uma lib JS tipo jQuery, podes fazer isso muito facilmente..

se me puderes explicar melhor como fazer agradecia :thumbsup:

cumps

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora