Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #57 da revista programar. Faz já o download aqui!

exalt

[Resolvido] Menu Deslizante JavaScript

Mensagens Recomendadas

exalt    0
exalt

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
exalt    0
exalt

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

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


×

Aviso Sobre Cookies

Ao usar este site você aceita a nossa Política de Privacidade