Submit your widget
194
Yays

LavaLamp jQuery Sliding Menu

  Views 28107   downloads 4678   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…

155
Yays

jQuery convertion: Garagedoor slider navigation effect

  Views 16097   downloads 2587   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.…

214
Yays

Animated jQuery Menu - Corporate Style

  Views 31938   downloads 7675   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…

160
Yays

Pure CSS collapsible tree menu

  Views 19605   downloads 3647   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>…

146
Yays

an Animated Navigation with jQuery

  Views 18569   downloads 3108   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…

148
Yays

CSS Overlapping Tabs Menu

  Views 29105   downloads 4228   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…

231
Yays

CSS Navigation Rollovers With Drop-downs

  Views 32794   downloads 6855   Menu & Navigation

This post is a continuation of Super Fantastic CSS Navigation Image Rollovers where we created CSS rollovers with a single image, so it would probably be a good idea for you to take a look at that post…

151
Yays

Simple CSS vertical menus

  Views 40679   downloads 4985   Menu & Navigation

Our menus are actually HTML unordered list elements <ul> styled using CSS, giving them background color, margin, padding and other CSS attributives. The process of creating this menus can be separated…

163
Yays

jQuery Rollover Nav Bar

  Views 14189   downloads 2554   Menu & Navigation

Here’s a simple jquery nav bar with animated rollover effects. The page titles roll up to reveal page descriptions underneath.  Here’s the jQuery, hover.js: $(function() { var navButtons…

164
Yays

CSS Overlapping Tabbed Navigation

  Views 22807   downloads 3570   Menu & Navigation

Overlapping tabbed navigation in CSS have always been a nuisance with developers often running into cross-browser compatibility issues or bloated code. There are some other examples floating around the…

156
Yays

jQuery Dropdown Menu

  Views 17827   downloads 2778   Menu & Navigation

Dropdown menus and menu bars have been heavily used since the early days of graphical user interfaces. Their use has become ubiquitous, and even expected, in desktop applications, and the web has quickly…

137
Yays

Advanced CSS Menu

  Views 19883   downloads 3157   Menu & Navigation

Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.…

140
Yays

CSS Sliding Door menu using only 1 image

  Views 12277   downloads 2334   Menu & Navigation

Concept The concept of the sliding door is to use a background image for the buttons in a navigation menu. I am using a span within a link in the list to hold a part of the image. the link itself will…

215
Yays

Kwicks accordion menu for jQuery

  Views 42789   downloads 8392   Menu & Navigation

Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…

174
Yays

jQuery style menu with CSS3

  Views 24490   downloads 4974   Menu & Navigation

Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really…