JavaScript - Como aqueles menus são feitos?

12 respostas
P

Olá a todos.

Estava navegando, quando me deparei com um site que tinha uns menus com a cara do Windows Vista. Fiquei curioso pra saber como esse tipo de menu é feito. :shock:

É preciso criar a “arte” no Fireworks ou Photophop, e depois exportar ou tudo é feito via linha de código?

Alguém sabe como é feito?! :roll:

Forte abraço,

12 Respostas

von.juliano

Cara, me passa esse site?

Vlw!

Ironlynx

pcassiano, posta o site aqui para nós vermos! :smiley:

Luca

Olá

Os menus do Vista são do tipo abaixo?

São como os abaixo?

http://vista-buttons.com/multiple-website-menus.html

http://f-source.com/flash-menu/vista-drop-down/

Achei isto em um site que costumo visitar:
http://www.google.com/search?q=site+menus+vista

[]s
Luca

ACDias

Normalmente é feito com CSS e Javascript. O que ele faz é basicamente o seguinte:
Quando o mouse estiver sobre o item mudar a imagem de fundo do item do menu e/ou deixar div do submenu visivel
Quando o mouse sair de cima do item do menu, voltar a imagem ao normal e deixar div do submenu invisível.

Os submenus dos submenus funcionam da mesma maneira.

Aqui um tutorial
http://blog.itookia.com/post/How-to-create-VISTA-style-toolbar-with-CSS.aspx

S

Tem menu desses com apenas CSS, mas não funciona num browser específico. Alguém adivinha qual é esse browser? :stuck_out_tongue:

Um exemplo do menu: http://meyerweb.com/eric/css/edge/menus/demo.html

CarlosEduardoDantas

use jsf + tomahawk e faça um igual… :wink:

deniswsrosa

hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/

L

deniswsrosa:
hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/

Ae guri, o link nao funfa, tem a moral de passar o link correto? Por gentileza.

Haloha,

Leandro Capuano

deniswsrosa

leandrocapuano:
deniswsrosa:
hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/

Ae guri, o link nao funfa, tem a moral de passar o link correto? Por gentileza.

Haloha,

Leandro Capuano

cara, aqui tah funcionando normal… qual erro q tah dando???

L

Perdao deniswsrosa, tive problema de proxy para acessar o site indicado, agora estah resolvido, valew.

Haloha,

Leandro Capuano

Luca

Olá

O link funciona e é muito legal. Gostei!

[]s
Luca

deniswsrosa

Luca:
Olá

O link funciona e é muito legal. Gostei!

[]s
Luca

:wink:
o unico problema dele Luca é q existem algumas conflitos com algumas bibliotecas importantes como o prototype, mas dá pra ser resolvido colocando-o em um frame por exemplo. Eu tenho como passatempo ficar procurando frameworks de js, e tenho encontrado coisas muuuito interessantes, athe hoje ainda babo no fisheye do Dojo toolkit ( http://dojotoolkit.org/demos/fisheye-demo ) e no Fx.elements do mootools ( http://demos.mootools.net/Fx.Elements )

Criado 17 de agosto de 2007
Ultima resposta 22 de ago. de 2007
Respostas 12
Participantes 9