Submit your widget
113
Yays

Cool navigation menu made with JQuery

Views 7787   downloads 1825   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>…

133
Yays

jQuery accordion Plugin

Views 13597   downloads 2809   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…

109
Yays

jQuery Drop Down Menus

Views 10335   downloads 2818   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…

115
Yays

jQuery Fade Menu plugin

Views 14381   downloads 2836   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…

132
Yays

jQuery SooperFish Multi-Column Animated Drop-down

Views 29055   downloads 4617   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…

145
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 35812   downloads 4965   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…

214
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

Views 31293   downloads 3774   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…

158
Yays

jQuery Sliding Menu

Views 31094   downloads 3989   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>…

133
Yays

CSS3-only horizontal drop line tab menu

Views 43035   downloads 7680   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…

132
Yays

LavaLamp jQuery Sliding Menu

Views 19394   downloads 3431   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…

118
Yays

jQuery convertion: Garagedoor slider navigation effect

Views 9951   downloads 1795   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.…

168
Yays

Animated jQuery Menu - Corporate Style

Views 21319   downloads 4860   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…

102
Yays

Pure CSS collapsible tree menu

Views 14706   downloads 2854   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>…

108
Yays

an Animated Navigation with jQuery

Views 12827   downloads 2671   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…

107
Yays

CSS Overlapping Tabs Menu

Views 19353   downloads 3392   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…