Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285

Ajuda menu css jquery

05-04-2013 11:30

Olá por gentileza poderiam me informar onde consigo um menu no estilo desse link abaixo:
http://www.leomadeiras.com.br/

clicando ele abre e não fecha quanto sai o mouse e tem a opção de fecha-lo, procurei bastante mas não encontrei ainda um desse estilo, poderiam me ajudar?

MOVIDO PARA JAVASCRIPT
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda menu css jquery

05-04-2013 12:01

Não conheço nada parecido. Mas posso dar umas dicas de como montar algo parecido.

Cria uma div, e adiciona uma imagem de fundo, ou tabela com cores mesmo.

Você pode observar, que ao clicar em um estado, chama uma função, passando a sigla, SP, RJ, etc....

Provavelmente essa função ao ser clicada, adiciona o título "ali na parte verde da div", e clica a lista com os itens.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285

Ajuda menu css jquery

05-04-2013 12:10

não, não, desculpe não é esse menu seria o interno:

http://www.leomadeiras.com.br/Produtos/ ... Comprimido


clicar em um estado no mapa, depois cidade e verá o menu interno conforme no link acima, quando clica por exemplo em produtos ele expande mas tem a opção fechar, ainda estou procurando algo mas não encontrei.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda menu css jquery

05-04-2013 13:04

Esse menu que você procura se chama accordion menu jquery

Segue um exemplo simples desse menu

<script src="jquery.js"></script> <script> $(document).ready(function() { // Collapse everything but the first menu: $("#accordionMenu > li > a").not(":first").find("+ ul").slideUp(1); // Expand or collapse: $("#accordionMenu > li > a").click(function() { $(this).find("+ ul").slideToggle("fast"); }); }); </script> <div id="firstDiv"> <div id="secondDiv"> <ul id="accordionMenu"> <li><a href="#">opçãu</a></li> <li><a href="#">menu +</a> <ul> <li><a href="#">sub 1</a></li> <li><a href="#">sub 2</a></li> </ul> </li> <li><a href="#">opção</a></li> <li><a href="#">menu +</a> <ul> <li><a href="#">sub 1</a></li> <li><a href="#">sub 2</a></li> </ul> </li> </ul> </div> </div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285

Ajuda menu css jquery

05-04-2013 15:42

tem o css e js desse menu?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajuda menu css jquery

05-04-2013 15:44

Esse ai é simples, não tem o CSS, tem que aplicar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 285

Ajuda menu css jquery

08-04-2013 09:26

;)
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado