Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, boa tarde.
Depois de pesquisar no fórum e até mesmo na internet venho pedir uma dica a vocês.
Criei uma div com o nome de "inferior" com tamanho de 656px de largura e 55px de altura, nessa div coloquei as imagens que compõe o meu menu, usei uma função que faz a troca de imagem para que ao passar o mouse sobre a imagem do menu "produto" e "planejado" uma seta laranja aparecer.
O que estou precisando e não estou conseguindo fazer é ao passar o mouse nas opções sitadas abrir uma div tipo Drop Down como opções de sub menu.
Não consegui em nenhuma das tentativas, por isso venho pedir uma ajuda aos entendidos de plantão.
Se quiserem acessar, o site é esse:
http://www.topdeia.com.br/saobento/index.php
O que preciso está nessa imagem:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.topdeia.com.br/saobento/imagens/layout.jpg&key=61a3ccbdfaa298e0a77b82dbc270e39390484ba7c7d36dd61923c2f51e886a92" alt="layout.jpg" />
Se puderem me ajudar, agradeço.
Valeu e fiquem na paz.
Olá Jonathan Cutrim Lacerda, é isso mesmo cara, mas como faço para que a div fique visível para que eu possa navegar nas opções que vão existir?
Mas já agradeço a grande ajuda, está me salvando.
Valeu e fique na paz.
Cara, eu tava fazendo em jquery, ae eu lembrei que da pra fazer so em css.
Se liga
http://jsfiddle.net/jonathan_lacerda/6dFfT/
Vê se assim fica do jeito que vc quer.
Se não eu volto a fazer em jquery pra vc!
Abçs
Desculpe, mas eu sou meio de vagar. kkk. Acho que o q está tentando fazer é um menu drop down normal é isso né?
se for não tem segredo, é deixar o submenu escondida até a hora de vc passar o mouse em cima da categoria que vc quer o efeito down. vou dar um exemplo bem simples blz.
<!-- menu-->
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">Produto</a> <!-- aqui vc coloca a subcategoria. olhe que ale fica antes de fechar a tag li-->
<ul><li><a href="#">home</a></li></ul> <!-- aqui vc cria novamente uma lista não ordenada-->
</li>
</ul>ai no seu css vc ter q deixar o ul da subcategoria escondido usando o atributo display none, e vc so ativa a tag do sub menu quando vc passa o mouse em cima da categoria correspondente usando novamente o atributo display, mas agora com o display block ai ele vai aparecer. lembrando que vc terá q usar o posicionamento absoluto no submenu para colocar ele em baixo da categoria.
Olá pessoal, bom dia.
Aos companheiros Jonathan Cutrim Lacerda e zcommand, muito obrigado pelas dicas.
O exemplo confeccionado pelo Jonathan Cutrim Lacerda atendeu minhas necessidades e sou muito grato pela ajuda, salvou minha pele.
Valeu e fiquem com Deus.
Alguma coisa tipo isso cara?
http://jsfiddle.net/jonathan_lacerda/ZZ4tU/
Abçs