Menu em abas - Vertical - CSS

[fabio.aurelio 0]

Salve pessoal, beleza?

 

Gostaria de saber se vocês tem ideia de como foi feito este efeito deste menu vertical desta pagina:http://www.tjsp.jus.br/#

 

A imagem é esta:

 

Quando clico nos menus(cidadao, servidor) ele abre as opcoes..

 

Voces tem ideia de como foi feito? ou que ferramenta foi usada?

 

Vlwww

 

[bruno_mosciatti 22]

Neste caso, usou-se imagem para fazer as abas, conforme o link:

http://www.tjsp.jus.br/App_Themes/Padrao/Imagens/BgMenuPrincipal/bg_menu_02_cid.jpg

 

e o esquema de abas que aparecem seu conteudo ao clicar, pode fazer usando jQuery

https://jqueryui.com/tabs/

[fabio.aurelio 0]

Neste caso, usou-se imagem para fazer as abas, conforme o link:

http://www.tjsp.jus.br/App_Themes/Padrao/Imagens/BgMenuPrincipal/bg_menu_02_cid.jpg

 

e o esquema de abas que aparecem seu conteudo ao clicar, pode fazer usando jQuery

https://jqueryui.com/tabs/

 

Valeu pela dica Bruno,

 

Obrigatoriamente eu tenho que usar jquery ou só com css eu consigo?

[bruno_mosciatti 22]

 

Valeu pela dica Bruno,

 

Obrigatoriamente eu tenho que usar jquery ou só com css eu consigo?

 

Com CSS3 você consegue, utilizando animation. Mas os navegadores mais antigos (IE8 pra baixo) não deve suportar.

Além do mais, jQuery é mais fácil, ao meu ver :)

[Electronic 124]

Neste caso, usou-se imagem para fazer as abas, conforme o link:

http://www.tjsp.jus.br/App_Themes/Padrao/Imagens/BgMenuPrincipal/bg_menu_02_cid.jpg

 

e o esquema de abas que aparecem seu conteudo ao clicar, pode fazer usando jQuery

https://jqueryui.com/tabs/

 

ao inves de tabs o o efeito é o Accordion

 

na vertical:

http://zozoui.com/accordion/