Submit your widget
118
Yays

Pure CSS3 Windows 7 start menu

Views 20477   downloads 4364   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…

149
Yays

jQuery Advanced docking Side Menu

Views 40610   downloads 4880   Menu & Navigation

How Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality.Similar Side Menu Effects The…

114
Yays

jQuery Super Sexy Drop Down Menu

Views 26381   downloads 6497   Menu & Navigation

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look…

140
Yays

MagicLine Navigation with jQuery

Views 16417   downloads 3398   Menu & Navigation

These “sliding” style navigation bars have been around a while,Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of…

96
Yays

jQuery Fluid Navigation–informative menu-bar

Views 15284   downloads 2523   Menu & Navigation

jQuery has made it simple for developers to define an idea or wireframe for a component and then implement it reasonably quickly, which has certainly helped it become the most popular JavaScript Framework…

144
Yays

Drop-down Navigation Menu Using HTML5, CSS3 and jQuery

Views 17735   downloads 3689   Menu & Navigation

we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the…

186
Yays

SliderNav:jQuery and CSS iPhone Style Contact Lists

Views 31007   downloads 4812   Menu & Navigation

SliderNav is a JQuery plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It is made mainly for alphabetical listings but can be used with anything, though longer…

135
Yays

Jquery Awesome-Filled Navigation Menu Use Sprites

Views 18846   downloads 3977   Menu & Navigation

CSS sprites can dramatically increase a website’s performance, and with jQuery, we can implement awesome transition effects easily. Let’s get started. Step 1 Create an html file, and add the…

156
Yays

jQuery Super Cool Bubble Navigation

Views 25231   downloads 6211   Menu & Navigation

In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin…

132
Yays

jQuery Fresh Bottom Slide Out Menu

Views 25725   downloads 4643   Menu & Navigation

In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description…

140
Yays

nice Apple-Style Icon Slide Out Navigation with CSS and jQuery

Views 22008   downloads 3977   Menu & Navigation

This menu looks very similar to the Apple-style navigation but it reveals some icons when hovering over it. The icons slide out from the top and when the mouse leaves the link, the icon slides back under…

114
Yays

Horizontal Tooltips Menu with jQuery

Views 16353   downloads 3534   Menu & Navigation

We're doing something a little bit similar - Tooltips menu.   1. HTML   As usual, it's a good practise to use UL List for menu. For the menu images, you need to put the caption in the ALT attribute,…

100
Yays

like Google Chrome bookmarks menu bar with jQuery Plugin

Views 8850   downloads 1915   Menu & Navigation

Inspired by Google Chrome bookmarks menu bar, this plugin can be used to group a long list of hyperlinks.   Create a new HTML document. Within the head of your document: Load the jQuery framework…

122
Yays

CSS3 and jQuery“Stay-On-Top”Menu

Views 17389   downloads 3126   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">…

148
Yays

jQuery simple Tree Menu

Views 43860   downloads 6183   Menu & Navigation

This is Custom Events, and the Special Events API in jQuery Web pages, for the most part, are event-driven. Libraries such as jQuery have provided helper methods to make this functionality much easier…