Submit your widget
212
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

  Views 54747   downloads 7335   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…

255
Yays

CSS3 and jQuery Horizontal images Scrolling Menu

  Views 43260   downloads 4895   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…

214
Yays

Animated jQuery Menu - Corporate Style

  Views 31839   downloads 7651   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…

155
Yays

jQuery convertion: Garagedoor slider navigation effect

  Views 16029   downloads 2567   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.…

194
Yays

LavaLamp jQuery Sliding Menu

  Views 28021   downloads 4641   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…

208
Yays

jQuery Sliding Menu

  Views 42372   downloads 6033   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>…

146
Yays

an Animated Navigation with jQuery

  Views 18526   downloads 3090   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…

162
Yays

jQuery Rollover Nav Bar

  Views 14127   downloads 2536   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…

174
Yays

jQuery style menu with CSS3

  Views 24407   downloads 4953   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…

164
Yays

Jquery Horizontal Slide Navigation

  Views 21545   downloads 3903   Menu & Navigation

This is a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item. HTML Structures     <ul> <li><a href="#" title="" class="home"><p><strong>Title</strong><br…

265
Yays

jQuery and CSS3 Thumbnails Navigation Gallery

  Views 41130   downloads 6283   Menu & Navigation

we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style. The main idea is to have…

127
Yays

a Good Looking Floating Menu with jQuery Easing

  Views 13949   downloads 2340   Menu & Navigation

We will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function. It's a simple effect but the final product is quite nice looking and elegant.…

171
Yays

Floating HTML Menu Using jQuery and CSS

  Views 39236   downloads 5712   Menu & Navigation

For all of us who deal with long web pages and need to scroll to the top for the menu, here’s a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and…

258
Yays

Simple JQuery Accordion Collapsing menu

  Views 85291   downloads 19731   Menu & Navigation

This is a simple Accordion collapsing menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don't have subitems are normal links.. The menu initialises with…

132
Yays

A Stylish Navigation Menu With jQuery

  Views 18367   downloads 2923   Menu & Navigation

As you may know, the first 20 seconds of a new visitor’s interaction with a website determine whether they are going to stay or leave. This means you have to follow common design practices and put…