How to Make a Smooth Animated Menu with jQuery | Build Internet!
http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/

tutorial

Menu animado con jQuery

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we'll aim to do just that by building a menu and animate it with

How to Make a Smooth Animated Menu with jQuery

"Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this post we’ll feature 25 tutorials that will show you how to jQuery and CSS to create some interesting effects."

5o exemples de menus de navigation Internet de qualité

CSS menus of all types with downloadable code files

下拉菜单

As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are

入れ子のパネルをスライドさせるアコーディオンの超軽量スクリプト

Accordeon ajax multi-niveau

ナビゲーションメニューのデザイン実例30+ | Admix Web

Typically, a mega menu is a single drop-down that appears on hover, shows all the options in one large panel, groups options into related categories, uses icons or other graphics to help the user.

megadropdown

Mega drop-downs are half-way between the two concepts and similar to the ribbon introduced in Microsoft Office 2007

There is something elegant about simply working within the confines of a specific ruleset and achieving what you set out to do. Horizontally centered menus without css hacks.

There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of beautiful, creative, and stylish navigation menus for your inspiration.

There are many ways to design a navigation menu - and since almost all websites have some form of navigation - designers have to push their creative limits to build one that's remarkable and outstanding. In this article, you'll find a showcase of

Wie sollte ein benutzerfreundliches Dropdown aussehen? Mit Beispiel.

Recently we showed you some exceptional CSS navigation techniques and we’d like to follow that up with an article about JavaScript-based navigation examples that you can use. Keep in mind that some of these techniques might not work if the client browser has JavaScript turned off (on average, 5% of users have JS disabled according to W3 web statistics).

Here we go again, enjoy my collection of navigation menu. * Accordion Menu * Dock Menu * Navigation/Drop Down Menu * Slide Menu * Tree View Accordion Menu * Dynamic drive Accordion menu Dynamic drive Accordion menu | Demo * jQuery Accordion Menu i-MarcojQuery Accordion Menu | Demo * Horizonal Accordion Menu Horizonal Accordion Menu | Demo * Bassistance jQuery Accordion Bassistance jQuery Accordion | Demo * Designreviver Horizontal Accordion Designreviver Horizontal Accordion | Demo * Phatfusion Image Menu Phatfusion Image Menu | Demo Dock Menu * iconDock iconDock | * jQ Dock jQ Dock | Demo * CSS Dock Menu jQuery + Fisheye CSS Dock Menu jQuery + Fisheye | Demo * MacStyleDock MacStyleDock | Demo * Mootool Fisheye Mootool Fisheye | Demo * Dojo Fisheye Dojo Fisheye | Demo * euDock euDock | Demo * cornerDock cornerDock | Demo

30 Javascript Menu Plugins and Scripts | Queness

Interesting breakdown of some cool CSS approaches.

css3対応ブラウザ限定技

BySlide accordion Menu like MIT

Open Source Mootools plugin

(no description)

css jQuery menu

menu

recusos de diseño, navegación

The navigation is a key element in web design, when creating your website it's crucial to use the appropriate menu in context. The following collection

usar javascript con jquery para usar en menus

Not too long ago I wrote a tutorial on how to create a drop down menu with CSS & jQuery, today I would like to go over how to create a simple navigation

CSS?

Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly

scroll que segue o mouse! :)

So, in this tutorial, we will learn how to create a scroll menu. We will achieve the following objectives: Keep html as simple as possible, and let jQuery and CSS do the rest. Scoll up and down according to mouse-Y axis Use jQuery.color plugin to animate the background-color changes - download jQuery.color (Yes, you will need this to animate the background color, I thought it will do it by default, obviously it doesn't! )

jQuery big Horizontal scroll menu

Some good tutorials and resources on CSS

uery Tutorials For More Int

30+ menus de navegação

Hello again, it’s time for comprehensive programming article. Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. My favorite here is the first pick – Outside the box with very unique navigation menu. It’s always good to have such reference articles in your bookmarks and when you have to create some really big website with a lot of content and menu sections – just return here. Shorten your developing process with already premade menus, which can be easily modified with little touch of CSS.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In this post I’ve selected 14 jQuery navigation menu tutorials that you can learn from them how to impalement your own jQuery based navigation and have some great effects.

The horizontal navigation menu has become a mainstay in Web design. It is safe to say that nowadays most websites use some form of horizontal

10 incredible JQuery navigation menus

One of the most important website element without content or design is navigation. You have to make site navigation intuitive, engaging and useful. jQuery is an excellent choice for achieving this. Check out these 26 incredible jQuery plugins for creating excellent website navigation. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your web designs. In this useful list for every webdesigner and developer you’ll find 26 tutorials that will show you how to create amazing navigation with jQuery and CSS.

Lista de Itens em formato dropdown

iHwy jquery listmenu plugin - dropdown menu navigation for lists - http://www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx

crea menu da liste di dati varie

Beautiful And Creative Navigation Menus

Menus Websites

code for an html and css dropdown menu

Learn to build a Mega Drop Down Menu from scratch with CSS & jQuery. Easy to learn in 6 steps - Requires basic knowledge of CSS and jQuery.

A new trend for ecommerce sites in having what they call “mega drop down menus”. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites. I decided to experiment with different ways of implementing this technique and would like to share how I achieved this method.

Desizn Tech: Web Design, Graphic Design, Photography and Tech Blog. Have bookmarked at CSS Menu entry. Worthwhile checking out the rest of the site. Some useful freebies.

10 Image Free Sexy CSS Menu and How to Create One - http://desizntech.info/2009/05/10-image-free-sexy-css-menu-and-how-to-create-one/

CSS Menu and How to Create One

Simple Css Menu rounded

There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects.

CSS is a very important element of what we call a structurally sound web design. CSS turns strips of code and interactive features into a working design. This

CSS is a very important element of what we call a “structurally sound” web design. CSS turns strips of code and interactive features into a working design. This is especially true for CSS based menus. Giving your users a creative way to interact with pages, categories, and other aspects of your site is a great way to keep them coming back. Not only that, but your navigation will be easily accessible since it will stand-out. Your users won’t get lost, they’ll always know how to get to where they need. If you want to find out the different CSS features you can incorporate into your navigation, it’s important that you view other menus as inspiration, and you know how they work. Below we’ve hand-selected 30 Best CSS Techniques for a Unique Navigation that are sure to bring creativity to your menu.

10 Ways to Install Accordion Menus in Your Wordpress Theme | Pro Blog Design - http://www.problogdesign.com/design/10-ways-to-install-accordion-menus-in-your-wordpress-theme/

Today you will learn 10 ways to install accordion menus in your Worpress theme! This will help to organize your blog, make your site look more professional, and possibly save you some precious real estate in your layout. Real estate on a blog is as important as it is in the real world (especially in congested areas), you need to make the most out of your space as you can. Accordion menus get their name from the instrument of the same name. Much like the bellows going in and out as someone plays music on an accordion, an accordion menu expands and contracts from user interaction, one section at a time. This way top level names are listed at all times, but sub-categories and child items are only exposed as each section is expanded. Your visitors only see what they need to at any given time.

dropdown menu

This is a Tech weblog discussing programming, Web design and usability, and random things found on the Web. The site is maintained by Youssef ELALAOUI.

7 Vertical Menus With jQuery Effects

the Pure Grips example is the best one

25 Mega Menus for Your Design Inspiration

Navigation is a critical element to any website. Mega menus are a current trend that take drop down menus a step further in attempt to make it easier for visitors to navigate through a large site.

with rounded CSS3 corners

Page de démo présentant des menus déroulants créés uniquement avec un fichier CSS 3 (sans javascript)

Belos modelos de navegação vertical

Perfect example of implementation. See source code.

mega menu

Menus de web originals

Designinterviews

I am not a WordPress expert by any standards. However, I did quite a few WP projects and got to know it well enough to try to hack things up here and there. I'd like to share my latest "hack" with you although there is a big possibility that you already know to how to handle situation mentioned in todays post or that there is a better solution out there.

If you are a web designer, you will agree that to keep the interst of the visitors, design of the website must be clear and intuitive. And, of course, the key to

Sistema de menus do WordPress 3.0

WordPress 3.0 will introduce a new navigation menu system. Sure, there are some limitations with this system. However, with a set standard, new plugins will likely emerge to fill in the gaps.

add_action( 'init', 'register_my_menu' ); function register_my_menu() { register_nav_menu( 'primary-menu', __( 'Primary Menu' ) ); }

Insipiração

idea for soccer site

Awesome Bubble Navigation with jQuery