Submit your widget
110
Yays

Cool navigation menu made with JQuery

Views 7479   downloads 1672   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>…

123
Yays

jQuery accordion Plugin

Views 13161   downloads 2654   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…

102
Yays

jQuery Drop Down Menus

Views 9906   downloads 2676   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…

112
Yays

jQuery Fade Menu plugin

Views 13960   downloads 2672   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…

127
Yays

jQuery SooperFish Multi-Column Animated Drop-down

Views 28406   downloads 4454   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…

140
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 35022   downloads 4800   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…

210
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

Views 30653   downloads 3600   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…

153
Yays

jQuery Sliding Menu

Views 30617   downloads 3829   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>…

126
Yays

CSS3-only horizontal drop line tab menu

Views 42435   downloads 7511   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…

129
Yays

LavaLamp jQuery Sliding Menu

Views 18949   downloads 3257   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…

113
Yays

jQuery convertion: Garagedoor slider navigation effect

Views 9571   downloads 1613   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.…

159
Yays

Animated jQuery Menu - Corporate Style

Views 20914   downloads 4687   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…

99
Yays

Pure CSS collapsible tree menu

Views 14198   downloads 2697   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>…

102
Yays

an Animated Navigation with jQuery

Views 12532   downloads 2517   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…

101
Yays

CSS Overlapping Tabs Menu

Views 18780   downloads 3256   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…