Submit your widget
123
Yays

Animated Navigation with CSS & jQuery

Views 15330   downloads 3721   Menu & Navigation

Fancy but a very simple technique! The good thing about this technique is that it degrades gracefully and is still accessible even if js is turned off. Step 1. Wireframe – HTML This part is very…

123
Yays

Multi-level Navigation Menu With jQuery And CSS3

Views 13616   downloads 2965   Menu & Navigation

This is an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

123
Yays

Cursor following translucent float menu jQuery CSS3

Views 11957   downloads 2414   Menu & Navigation

A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure. The idea behind the script was to create a floating navigation…

122
Yays

CSS Overlapping Tabbed Navigation

Views 14125   downloads 2351   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…

121
Yays

jQuery Rollover Nav Bar

Views 8552   downloads 1478   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…

120
Yays

CSS3 and jQuery“Stay-On-Top”Menu

Views 17231   downloads 3043   Menu & Navigation

All the HTML Stuff Create index.html and paste all of this in: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">…

119
Yays

Horizontal Sliding Submenu jQuery plugin

Views 18925   downloads 3109   Menu & Navigation

a horizontal sliding submenu. Has a couple of options and the appearance can be modified in the css. Slide Submenu requires: jQuery library hoverIntent plugin Slide Subnav plugin Example code to load…

119
Yays

simple CSS jQuery Menu

Views 18210   downloads 3976   Menu & Navigation

HTML This can’t get any simpler. Just make a valid nested unordered list with a root id of “navmenu-h” (for horizontal) or “navmenu-v” (for vertical) and you are all set.…

119
Yays

jQuery Very Long scroll Dropdown Menus

Views 17519   downloads 2466   Menu & Navigation

jQuery Makes it Tick I’m going to dump the code all in here just for quick reference. I commented it, so it should be fairly easy to follow. It’s over 60 lines, but don’t worry too much,…

119
Yays

jQuery vertical and horizontal dropdown menu

Views 39733   downloads 7042   Menu & Navigation

The article source:http://plugins.jquery.com/project/naviDropDown Here is a jQuery plugin which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and…

117
Yays

CSS and jQuery Cool Animated Navigation

Views 18317   downloads 3050   Menu & Navigation

Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with…

117
Yays

Pure CSS3 Windows 7 start menu

Views 20258   downloads 4288   Menu & Navigation

You can do with so little using CSS3. Many user interface elements that require images in order to have appropriate visual appearance now can be styled only with CSS3. Container The container named startmenu…

116
Yays

jQuery Animated Menu

Views 17796   downloads 4747   Menu & Navigation

Step 1 – Set up the Structure Here is the HTML markup that is used in the demo: <div id="menu" class="menu"> <ul> <li><a href="[removed];">Home</a></li> <li><a…

116
Yays

jGlideMenu unique drag Sliding menu jQuery

Views 14973   downloads 2713   Menu & Navigation

A very unique menu that floats on the page. Users can drag it to a position they desire.   jGlideMenu is an updated version of the fastFind Menu that supports inline and AJAX menu definitions and…

116
Yays

Simple CSS3 Button Navigation

Views 24880   downloads 5319   Menu & Navigation

This is a quick CSS3/HTML version of the navigational buttons. The HTML: <ul class="button-list"> <li><a href='/' class='button'>Home</a></li> <li><a href='/' class='button'>About</a></li>…