Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

goya

Adapatar esse menu usando jQuery

Por , em Javascript

Recommended Posts

goya    0

goya
Postado

Ola pessoal,

 

 

Esse site http://www.homexbrasil.com.br/ usa um menu feito em Flash. Tem como montar a mesma ideia mas usando jQuery? Nao sei como montar isso. Ou alguem exemplo ja pronto, ai eu estudo por conta.

 

Tentei buscar na web mas nao achei nada parecid....

 

Valeu a ajuda

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

goya    0

goya
Postado

Bergs

 

Valeu por responder cara!!!!!

 

Porém, é quase isso. Repare que no menu em Flash do site que eu mostrei, as barras vai de baixo para cima, cada uma tem uma cor, e quando ela passa pelo texto, o texto muda de preto para branco.

 

Eu realmente estou perdidao nisso....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

vc vai ter que estudar nesse caso, tem um efeito lá que faz de cima para baixo, inverter a posição da animação no background-position. É só ler o tutorial...

Compartilhar este post

Link para o post
Compartilhar em outros sites

goya    0

goya
Postado

Berg, ou qualquer qualquer outra pessoa que puder ajudar.

 

Estou usando o codigo abaixo para fazer uma div aumentar o tamanho quando o mouse passa por cima. T

 

Tudo esta funcionando como eu quero, porem, eu preciso que a div aumente de baixo para cima, e nao de cima para baixo como esta. Todo exemplo que eu vejo , mostra dessa forma.

 

Nao tem entao como fazer a div "subir"??

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>
<title>Menu</title>
<style type="text/css">
#menu:hover{
height: 90px;
text-align:center;
}
#menu:hover a{
margin-top: 50px;
color:#fff;
}
#menu {
width: 125px;
height: 5px;
background-color: #FF0000;
transition: height 300ms;
text-align:center;
}
</style>
</head>
<body>
<div>
<div id="menu"><a href="#">Home</a><br/></div>
</div>
</body>
</html>

Valeu pessoal!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Usa com jQuery com seu efeito animate e seja feliz !

Defina um ID para cada item da lista do menu, e com isso coloque cor em cada um e defina uma classe também.

 

Para fazer isso vai tem que ter conhecimento em: HTML/CSS/ JS (jQuery) !

Compartilhar este post

Link para o post
Compartilhar em outros sites

goya    0

goya
Postado

Ola angelorubin!

 

Uma pessoa disse que apenas usando css3 era totalmente possivel.

Cara estou apanhando do jquery. Na verdade eu falei sem saber exatamente o que era... :-/

 

Pior que eu preciso disso o quanto antes.

 

Por favor, nao pense que sou folgado. Vc pode ao menos me ajudar dizendo o comando. O resto, sintaxe ai eu corro atras.



Valeu Bru_ce!!!!!!!! Já me deu uma luz! rs.

 

mas como eu disse, um conhecido me falou que em css3 tem como eu reproduzir exatamente aquele menu em flash, inclusive com as divs coloridas e esse menu ainda sendo montado dinamizamente via php.

 

So nao sei como ele conseguiu...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Eu acho melhor você fazer em jQuery, dependendo do IE que a pessoa estiver vendo seu site não vai funcionar o CSS3.

Faz com jQuery e ja aproveita e aprende ! OBS: não vai se arrepender!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito