Bem vindo ao SOS Designers

Faça o seu cadastro gratuito no Portal SOS Designers e tenha um acesso personalizado.

Empresas

Cadastre gratuitamente suas vagas, crie sua propria Lista de Curriculos Favoritos, e tenha um acesso personalizado.

Usuarios

Cadastre gratuitamente seu curriculo, crie sua propria Lista de Noticias Favoritas e tenha um acesso personalizado.

Área de Empresas | Vagas

Área de acesso a empresas cadastradas que desejam postar vagas de empregos no Portal e pesquisar curriculos.

Cadastre-se gratuitamente
Esqueceu a sua senha?

Área de Usuarios | Curriculos

Área do Usuario que deseja cadastrar seu curriculo e pesquisar vagas.



Cadastre-se gratuitamente
Esqueceu a sua senha?


Redes Sociais
Siga o Portal SOS Designers no Twitter Siga o Portal SOS Designers no Facebook

JavaScript / jQuery


Você está aqui: Home » JavaScript / jQuery » 30 menus em CSS e jQuery gratuitos para seu

30 menus em CSS e jQuery gratuitos para seu


Pesquisar no Portal SOS Designers





Tempo Real



Participe da Comunidade SOS Designers

Siga o SOS Designers








SOS Designers

Um presente para gosta de menus em CSS.

CSS Drop-Down Menu Framework
[Demo | Download]

css framework Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Ultimate CSS only drop-down menu
Also see this.

css menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

CSS Express Drop-Down Menus
Help you produce a quick (express) CSS drop-down menu without some of the limitations found in some other “pure” CSS menus.

css express Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Pure CSS Drop Down Menus

mywebstuff Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

CSS + Javascripts

With the help of Javascript, drop down menu are more interactive or at least they get some subtle animation that enhance user experience. CSS on the other hand, make sure the look and feel is easily cuztomizable.

JavaScript Dropdown Menu with Multi Levels
This multi-level drop down menu script weighs in at only 1.2 KB. It features animation, active header persistence, easy implementation and multiple instance support. [Demo | Download]

leigeber Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

All Levels Navigational Menu (v2.2)
CSS/ HTML list based menu with support for infinite levels of sub menus. It’s lightweight and easy to implement.

All Levels Navigational Menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Professional dropdown

Professional dropdown Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Drop Down Tabs (5 styles)
Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs. Comes in 5 different styles.

five styles Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Chrome CSS Drop Down Menu
Chrome Menu is a CSS and JavaScript hybrid drop down menu. It’s easy to configure and search engine friendly. The main menu bar consist of a CSS list, while the drop down menus are simply regular DIV tags on page.

Chrome CSS Drop Down Menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

jQuerys

If you’ve implemented jQuery Javascript Library on your site, here are some really cool jQuery based drop down menus you should know.

Smooth Navigational Menu
Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. Here’s another similar one – jQuery Multi Level CSS Menu.

Smooth Navigational Menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Superfish
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript). [Demo | Download]

superfish Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Animated Drop Down Menu with jQuery
Dropdown with much slicker effect using jQuery and CSS.

Animated Drop Down Menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Droppy
Quick and dirty nested drop-down menu in the jQuery style.

droppy Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
Menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options. [Demo | Download]

drilldown Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Mega Drop-Down Menu
A drop down menu that holds more than just new line of links. It also makes group links and make nagivation much easier! [Demo]

mega menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

(mb)Menu
Powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way. [Demo | Download]

mbmenu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Simple Drop Down Menu

simple menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

MooTools

JavaScript drop down menu using Mootools
Easy, unobtrusive way to create a drop down menu with Mootools 1.2. [Demo | Download]

moosimple Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

UvumiTools Dropdown Menu
Simple multi-level menu built from an HTML unorderd list, using Mootools Javascript Framework.

uvumi Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Unobstrusive Mootool Drop Down Menu

atwebresults Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

MenuMatic
MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system, with enhanced usability and flair. [Demo | Download]

menumatic Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Scriptaculous/Prototype

Dropdown Menu
Based on Knallgrau Unordered list. Here’s more similar drop down menu – Horizontal dropdown menu, e24TabMenu.

Dropdownmenu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Mimics

Step by step tutorial on how some of the nicest drop down menus are created.

Designing the Digg Header
Step by step tutorial on how to build a drop down menu that really looks like Digg’s. [Demo | Download]

digg alike Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Simple CSS vertical menu Digg-like
Yet another good tutorial to implement a simple vertical menu digg-like using CSS and javascript to show/hide sub-menu. [Demo | Download]

Simple CSS vertical menu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Sliding Jquery Menu
How to create a sliding menu button using jquery that looks like Envato’s TUT+ navigation. [Demo | Download]

hv Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Vimeo-like top navigation
If you like Vimeo (see it here, top) this Vimeo-alike drop down script is perhaps 99% the same.[Demo | Download]

vimeo alike Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

MISC

WordPress Multi-Level Drop Down menu using jQuery
A tutorial that helps you build a simple multi-level drop-down menu in your WordPress theme using jQuery’s JavaScript library to ensure cross-browser compatibility. Here’s another WordPress plugin that does the trick too.

wordpress Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

izzyMenu
Create professional looking CSS menus for your website online, without writing a single line of code or just use some of the ready made ones.

izzymenu Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

PureCSS Menu
Free CSS Drop Down Menu generator

purecss Drop Down Menu: 30+ Useful Scripts to Enhance Header Navigation

Fonte: www.hongkiat.com

Sobre o Colunista:

Adriano Gianini


Descrição: Adriano Gianini

Site: www.adrianogianini.com.br
Blog: www.adrianogianini.com.br/videoblog
Cursos de Web Design, Web Master, Design Gráfico e Programação para Web

Deixe seu comentário:





© Copyright 2002-2014
Portal SOS Designers
Webmaster: Luiz Antonio Bovi