Submit your widget
112
Yays

Cool navigation menu made with JQuery

Views 7709   downloads 1773   Menu & Navigation

HTML <div id='menu_holder'> <ul> <li id='first_li' class='selected'>Link1</li> <li id='second_li'>Link2</li> <li id='third_li'>Link3</li> <div class='clear'></div>…

132
Yays

jQuery accordion Plugin

Views 13482   downloads 2759   Menu & Navigation

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at…

108
Yays

jQuery Drop Down Menus

Views 10230   downloads 2781   Menu & Navigation

Overview Quick and dirty nested drop-down menu in the jQuery styleee. I needed a nav like this for a recent project and a quick Googling turned up nothing that really suited, so droppy was born. It hasn't…

114
Yays

jQuery Fade Menu plugin

Views 14242   downloads 2783   Menu & Navigation

The Fade Menu plugin allows users to easily turn a definition list with nested unordered lists into an accordion menu which uses fades between transitions. Options It is possible to pass the following…

131
Yays

jQuery SooperFish Multi-Column Animated Drop-down

Views 28878   downloads 4569   Menu & Navigation

SooperFish is a highly configurable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus…

144
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 35626   downloads 4922   Menu & Navigation

Creating markup We will begin by creating the necessary HTML structure. At first, I wanted to use an unordered list as a container for our images and captions, but then I encountered some bugs with vertical…

213
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

Views 31157   downloads 3721   Menu & Navigation

There are a lot of cool flash scrolling menus out there, but I decided to make a similarly looking menu with just CSS and jQuery. I couldn't achieve the same smoothness in animation, but anyway I'm…

155
Yays

jQuery Sliding Menu

Views 30972   downloads 3937   Menu & Navigation

Usage: In the head section add the following code: <link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>…

131
Yays

CSS3-only horizontal drop line tab menu

Views 42750   downloads 7628   Menu & Navigation

Recently, Web Designer Wall posted this really cool tutorial on creating a dropdown menu using only CSS3 (no javascript). Not being one to just sit back and let things sit as is, the approach inspired…

131
Yays

LavaLamp jQuery Sliding Menu

Views 19265   downloads 3380   Menu & Navigation

It is a jQuery sliding nifty effect menu with light weight code and extra two more interface styles. Step 1: The HTML Since most UI developers believe that an unordered list(ul) represents the correct…

116
Yays

jQuery convertion: Garagedoor slider navigation effect

Views 9847   downloads 1743   Menu & Navigation

First we need to make the script ans style of the GarageDoor work. To make that happen, you’ll need jQuery. This library enables interface effects, so you don’t have to create it yourself.…

165
Yays

Animated jQuery Menu - Corporate Style

Views 21223   downloads 4805   Menu & Navigation

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance. Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu…

101
Yays

Pure CSS collapsible tree menu

Views 14550   downloads 2811   Menu & Navigation

The demo is built using an ordered list (ol) nested with further ordered lists to naturally represent a basic folder structure. <ol> <li class="file"><a href="document.pdf">File 1</a></li>…

107
Yays

an Animated Navigation with jQuery

Views 12737   downloads 2626   Menu & Navigation

The idea is to build a menu that just displays icons, when the user rolls over each icon the text will appear below. The icon will also have a roll over state to help highlight the menu item. Getting…

104
Yays

CSS Overlapping Tabs Menu

Views 19183   downloads 3358   Menu & Navigation

This example is a  cool menu with overlapping tabs First of all download the tab image (right-click, then Save As…) which contains both on and off states. You can edit/customize this image…