Efeito para um menu select

Pergunta
Olá, estou com um desafio de design. É um “efeito” muito quando as páginas pelo conteúdo, se "alargam" demais, e não se vê bem.

Para ordenar os conteúdos, vi que ao clicar um link, "se abre", uma área que os contém. Esta área se abre e se fecha, alargando e encurtando a página.

Neste endereço pode-se ver o efeito, que se parece muito aos menus select, só que não contém links, e sim conteúdo da página web.

Trato de descobrir a forma em que isto se faz. Se alguém tiver alguma idéia estarei agradecido.

Observem nesta página, nos subtítulos, "grupos electrógenos", "Potencias de Generación", "Grupos Electrogenos Gas"

http://www.palmero.com/power_grupos.php

Valorize esta FAQ:
A FAQ Efeito para um menu select tem Pertence à categoria:
Resposta
Olá Jonas, na verdade o efeito que você quer fazer é um dos mais simples e úteis em páginas web, se chama slide down, faz com que apareça e slide up faz com que desapareça, é mais fácil ainda se utilizar algum framework de javascript tal como mootools, prototype, jQuery, etc, eu pessoalmente prefiro jQuery, e lhe explico como se faz isto:

1.- Entre em www.jquery.com e baixe o arquivo jquery.js
2.- Em sua página web inclua o arquivo jquery que você baixou.
3.- Crie um link com href="javascript:void(0)" e no onclick coloque $('#idDoConteiner').slideDown('velocidade'), velocidade pode ser normal, fast ou slow.
4.- Crie um div onde irá seu conteúdo o qual tem o atributo style="display:none;".
5.- Execute a página e dê um clique no link e pronto, este se desdobra com o efeito slide.

Espero que lhe sirva e pratique muito.

Por Cristian Avila Montalvo

Voltar à árvore de categorias Voltar à árvore de categorias

Comentários da faq
Foram enviados 3 comentários à faq
3 comentários não revisados
0 comentários revisados
 
FAQs relacionadas
  + Imprimir página web
  + Qual é a diferença entre Java e Javascript?
  + Como ter dois scripts na mesma página para dois navegadores
  + Passar variáveis de ASP ou PHP para Javascript ou vice-versa
  + Redimensionar em Netscape o tamanho da janela
  + Link múltiplo
  + Substituir pontos por vírgulas em campos numéricos
  + Eliminar conteúdo de um div ao clicar
  + Mudar cor de letras de um campo de texto text de formulario com Javascript
  + Por que não se muda o texto da barra de estado em Firefox com Javascript?
  + [...]

Ver todas las FAQS de Javascript

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato