Visual-Blast Magazine

SooperFish is a lightweight (2.01kb minified) & highly configurable jQuery plugin for animated dropdown menus with a ton of features and configurable show and hide custom easing animation.

View DEMO

Feature List:

• Automatic dual or triple columns based on number of child menu items
• Optional delay before hiding menu on mouse-out
• Optional automatic indicator arrows (in black or white)
• Configurable show and hide animations
• Custom easing supported
• Works fine with Javascript disabled
• 2.01kb minified
• and more

Slide Down Box Menu - jQuery  & CSS3 tutorial (source files included) on how to create a unique sliding box navigation.

The idea behind this tutorial is to make a box with the menu item slide out, while a thumbnail pops up. The submenu will slide to the left or to the right depending on which menu item we are hovering.

View DEMO

jQuery MegaMenu 2 of the popular jQuery MegaMenu Plugin, with quiet a lot of changes in the code base and usability, with a completely revamped JS and CSS code-base.

View DEMO

Features:

• Customizable menu show and hide effects, with three available options of slideDown/slideUp, fadeIn/fadeOut and simple.
• You can choose to activate the menu by click or by mouseover.
• HoverIntent like feature embedded into the code-base so that we have smooth navigation by default without any external libraries.
• Automatic alignment of the menu content according to the width of the parent menu container.
• Variable width of the menu contents.
• Non obtrusive and easier to understand CSS.

Nav-o-Matic is a free online tool for creating navigation sprites in a few simple clicks.

You will need an image with 2 rows (no vertical navigation yet) like this one, then lay down some guides like in Photoshop, define the CSS options and Nav-o-Matic will generate all the code you’ll need to get your navigation working.

There is a lot more functionality planned, but for now, Nav-o-Matic only support for 2 states: Normal and hover, hover also acts as the active/on state.

Simply-Buttons v2 – learn how to create really nice cross-browser buttons for your sites. You can also download the source CSS and Javascript files with a few button samples.

The buttons:

• look and behave the same way in every browser and operating system.
• fit to any text size.
• come with 3 states: inactive, active and hover.
• do not need the javascript to work, they work with just the CSS.

The buttons are created with pure CSS and will work with just CSS. However they look a little better with some Javascript enhancements.

Tested in IE6, IE7, Firefox(PC/MAC), Safari, SafariMobile and Opera(PC/MAC).

ProtoFish – is an advanced Multilevel Dropdown Menu / Navigation script based on Prototype. You can easily add a delay to your menu (on mouseout) and choose your own hover class.

View ProtoFish Demo

ProtoFish is:

• lightweight script – only 5.2kB.
• unobtrusive – fallback to a standard CSS hover menu.
• cross-browser – IE6+, Safari 3+, Opera 9+, Chrome, Firefox 2+.
• fully customizable.
• accessible for keyboard navigating users (ARIA support can be turned on).
• Supprot multiple instances per page with unlimited sublevels.
• and is free (MIT License).

Sliding jQuery Menu – learn how to create animated sliding menus using jQuery.

jQuery animates this vertical sliding menus. When the button is clicked it rolls out a box full of links, when the button is clicked again it rolls back in.

You can style all menu elements via CSS. Tutorial source files with sliding menu example are available for download.

View Example.

BySlideMenu – Mootools plugin which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text.

Horizontal and vertical accordion support. The container width/height can be adjusted automatically. Menu is expandable by mouseover or by click. Can be used with any elements (ul/li, div, p…).

jQuery Menu – easily create dropdown, iPod drilldown and flyout styled menus.

jQuery Menu comes with built in the ability to customize a menu’s appearance, including active and hover states, by passing in classes as options, menus can be styled on the fly using ThemeRoller.

By default, the menu script will transform an unordered list of links into a simple dropdown menu. When the menu content contains nested lists, by default it creates an iPod style menu. When you configure a menu with the “flyout” option set to true, the script formats a hierarchical list as a flyout navigation.

TinyAccordion – a lightweight standalone accordion script at only 1.4kb.

It now includes multi-level support, the option to allow multiple panels to expand concurrently, and a hide/show all toggle.

Works great in all major browsers. Tested in Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome.

View Demo