Pagina inicial » Gráficos » Menu suspenso 30+ Scripts úteis para melhorar a navegação de cabeçalho

    Menu suspenso 30+ Scripts úteis para melhorar a navegação de cabeçalho

    Menu suspenso (também conhecido como menu suspenso) é essencial na maioria dos web design. Desempenha papel importante na criação de um site eficaz e amigável. É uma boa solução para reduzir o menu longo que está sobrecarregando o espaço da tela, fazendo com que eles sejam exibidos em um padrão de categoria mais categoria-sub-categoria..

    Neste artigo, gostaríamos de mostrar a você algumas das melhores scripts do menu suspenso nós viemos a conhecer. Este menu suspenso varia de CSS só, CSS e Javascripts e menu que irá trabalhar com sua biblioteca Javascript atual como jQuery, MooTools e Protótipo. Lista completa depois do salto.

    Aqui estão alguns artigos relacionados que você pode estar interessado em:

    • Construindo Tabelas HTML
    • Starter Kits para Web Designers
    • Scripts de navegação baseados em guias CSS

    CSS (apenas)

    Se você está preocupado com o Javascript desativado no navegador do cliente, este menu suspenso somente para css não falhará..

    Estrutura de menu suspenso CSS. O título diz tudo. É uma estrutura, liberada sob a Licença Pública Geral GNU. Cross browser compatível, leve e fácil transformável para imitar muitos dos menus suspensos existentes lá fora. Por exemplo, Flickr, Adobe e MTV.com.

    Menu suspenso apenas no Ultimate CSS

    Menus suspensos CSS Express. Ajudá-lo a produzir um menu suspenso CSS rápido (expresso) sem algumas das limitações encontradas em alguns outros menus CSS "puros".

    CSS + Javascripts

    Com a ajuda do Javascript, o menu suspenso é mais interativo ou pelo menos eles recebem animações sutis que melhoram a experiência do usuário. Por outro lado, o CSS garante que o aspecto e a sensação sejam facilmente visíveis.

    Menu Navegacional Todos os Níveis (v2.2). Menu baseado em lista de CSS / HTML com suporte para níveis infinitos de submenus. É leve e fácil de implementar.

    Abas Drop Down (5 estilos). Guias suspensas é um menu de guias CSS horizontal que suporta um menu suspenso de segundo nível para cada uma de suas guias. Vem em 5 estilos diferentes.

    Menu suspenso do CSS do Chrome. O menu do Chrome é um menu suspenso híbrido de CSS e JavaScript. É fácil de configurar e de usar mecanismos de busca. A barra de menu principal consiste em uma lista de CSS, enquanto os menus suspensos são simplesmente tags DIV regulares na página.

    jQuerys

    Se você implementou o jQuery Javascript Library em seu site, aqui estão alguns menus suspensos baseados em jQuery bem legais que você deve saber.

    Menu Navegação Suave . Menu de navegação suave é um menu baseado em lista de nível CSS, multi alimentado usando jQuery que torna a navegação do site um caso suave. Aqui está outro similar - jQuery Multi Level CSS Menu.

    Superfish. Superfish é um plugin jQuery de menu de estilo Suckerfish aprimorado que pega um menu suspenso de CSS puro existente (assim ele degrada graciosamente sem JavaScript). [Demo | Download]

    Menu suspenso mega. Um menu suspenso que contém mais do que apenas uma nova linha de links. Também cria links de grupo e facilita muito a nagivação! [Demo]

    MooTools

    Menu suspenso JavaScript usando Mootools. Maneira fácil e discreta de criar um menu suspenso com o Mootools 1.2. [Demo | Download]

    Menu Suspenso do UvumiTools. Menu multi-nível simples construído a partir de uma lista não ordenada de HTML, usando o Mootools Javascript Framework.

    Menu suspenso do Mootool não-intrusivo

    Imitadores

    Criando o cabeçalho do Digg. Passo a passo tutorial sobre como construir um menu suspenso que realmente se parece com o do Digg. [Demo | Download]

    Misc.

    izzyMenu. Crie menus CSS com aparência profissional para o seu site online, sem escrever uma única linha de código ou apenas use alguns dos já prontos.

    Menu PureCSS. Gerador de CSS Drop Down Menu grátis