Submit your widget
107
Yays

Cool navigation menu made with JQuery

Views 6582   downloads 1062   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 11869   downloads 2072   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…

98
Yays

jQuery Drop Down Menus

Views 8610   downloads 2118   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…

111
Yays

jQuery Fade Menu plugin

Views 12682   downloads 2189   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…

125
Yays

jQuery SooperFish Multi-Column Animated Drop-down

Views 26339   downloads 3961   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…

138
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 31440   downloads 4328   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…

206
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

Views 28505   downloads 3059   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…

151
Yays

jQuery Sliding Menu

Views 28581   downloads 3429   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 39797   downloads 6743   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…

127
Yays

LavaLamp jQuery Sliding Menu

Views 17353   downloads 2776   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…

110
Yays

jQuery convertion: Garagedoor slider navigation effect

Views 8438   downloads 1273   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 19432   downloads 4260   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…

95
Yays

Pure CSS collapsible tree menu

Views 12093   downloads 2096   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>…

98
Yays

an Animated Navigation with jQuery

Views 11614   downloads 1885   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…

92
Yays

CSS Overlapping Tabs Menu

Views 16557   downloads 2584   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…