Categorias

Menu com submenu em CSS e JavaScript

Menu expansivo vertical (com submenus) feito em CSS e JavaScript. Fácil de customizar.

INSTRUÇÕES::
Coloque na variável “n_divs” o número de categorias que irá ter o menu.
OBS: As categorias que não tiverem sub-menus, não serão contadas

Se uma categoria não tiver sub categorias, portanto não irá abrir um sub-menu.

Meu texto onde “#” é o endereço da página linkada; e target o alvo, que pode ser _self, _top, _parent ou o nome de um iframe ou frame.

Quando você quiser que uma categoria tenha sub menu, use o código:
Categoria 1

link item1A
link item2A
link item3A

Onde escondediv(‘n’,n_divs) ‘n’ é o número da categoria em ordem crescente, lembre-se
que categorias que não tem sub-menu não são contada; “id” é o nome do box que conterá o sub-menu e sempre se chamará “mdiv” seguida do número da categoria que coincidirá com ‘n’ explicado mais acima, ex: id=”mdiv1″, id=”mdiv2″ etc..

“#” é o endereço da página linkada e “target” o alvo, que pode ser _self, _top,_parent ou o nome de um iframe ou frame.

Edite as cores e estilos dos links e das células na folha de estilo logo abaixo

OBS:
As funções {onmouseover=”reveza(‘um’)” onmouseout=”volta(‘um’)”} são opcionais, elas revezam as configurações de cores e estilos dos sub-menus trocando as classes itens_menu por itens_menu_r na folha de estilo.

Para usala basta por o código dentro do link relativo ao item de sub-menu, mas é necessário atribuir uma id à td onde se encontra o link que será passado nas funções “reveza” e “volta”. O primeiro item de sub-menu está com essa opção à titulo de exemplo.

Não poderá haver dois nomes iguais para as IDs das TDs

Obs.: Código não desenvolvido por mim, mas muito interessante!



	Untitled