Submit your widget
174
Yays

Simple JQuery Accordion Collapsing menu

Views 51797   downloads 12391   Menu & Navigation

This is a simple Accordion collapsing menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don't have subitems are normal links.. The menu initialises with…

112
Yays

Floating HTML menu Using jQuery and CSS

Views 26689   downloads 4225   Menu & Navigation

For all of us who deal with long web pages and need to scroll to the top for the menu, here’s a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and…

82
Yays

a Good Looking Floating menu with jQuery Easing

Views 9774   downloads 1472   Menu & Navigation

We will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function. It's a simple effect but the final product is quite nice looking and elegant.…

104
Yays

Professional dropdown menu navigation

Views 8614   downloads 2620   Menu & Navigation

The menu in this series using javascript to write the  mouse hover states. This menu also styles the path taken through the menu so that it works in IE5.x and IE6 as well as IE7 and all other browsers.…

92
Yays

Pure CSS3 Chunky menu

Views 11591   downloads 2122   Menu & Navigation

css   #top_navigation { background : transparent; width: 800px; height : 77px; list-style : none; margin-top : 7px; margin-bottom : 11px; width : 100%; } ul.nav { background : transparent; width:…

101
Yays

Vertical Flyout JavaScript menu

Views 10950   downloads 2766   Menu & Navigation

This animated JavaScript flyout menu is clean and lightweight at only 1.6kb.This script has been tested in all major browsers

108
Yays

Fancy Sliding menu for Mootools

Views 38997   downloads 6979   Menu & Navigation

The most common example was the Rico accordion,As you can see  it looks quite cool and can add some nice interaction to any site.

76
Yays

Simple jQuery Fluid Thumbnail menu Bar

Views 53765   downloads 5361   Slideshow & Scroller

The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page. Features Cycle through thumbnails in different intervals…

80
Yays

Sliding Checkbox Actions menu with jQuery

Views 7872   downloads 1866   Form

We will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the user to scroll to the place where the actions…

86
Yays

Sliding JavaScript menu Highlight

Views 9021   downloads 1845   Menu & Navigation

This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”. The markup for…

104
Yays

Awesome Cufonized Fly-out menu with jQuery and CSS3

Views 14147   downloads 2583   Menu & Navigation

we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide…

325
Yays

jQuery BubbleUp for Spice Up Your menu

Views 26159   downloads 5800   Menu & Navigation

BubbleUp is a jQuery plugin released from a jQuery tutorial Learning jQuery: Your First jQuery Plugin,which helps you to create your first jQuery plugin. It's not just for demonstration, it's…

95
Yays

jQuery Sliding Tab menu for Sidebar

Views 12309   downloads 2435   Tabs

a sliding tab menu for your sidebar by using jQuery and jQuery.scrollTo. We will be using a famous plugin called jQuery.scrollTo. jQuery scrollTo is an amazing plugin and doing sliding menu has never…

91
Yays

jQuery sliding menu revisited

Views 7142   downloads 2146   Menu & Navigation

The markup the script and the css style <ul id="iconbar"> <li><a href="#"> <img src="key.gif" alt="" /> <span>Change your password</span> </a></li> <li><a…

90
Yays

jQuery “flash like” menu

Views 10184   downloads 1955   Menu & Navigation

When you rollover one item of your menu, the font-size expand to 225%, the color fade to yellow and the other items are giving more space to the hovered item, when you roll out it will take its place…