Submit your widget
94
Yays

like Google Chrome bookmarks menu bar with jQuery Plugin

Views 8609   downloads 1819   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…

112
Yays

Horizontal Tooltips Menu with jQuery

Views 16067   downloads 3434   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,…

136
Yays

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

Views 21545   downloads 3864   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…

130
Yays

jQuery Fresh Bottom Slide Out Menu

Views 25434   downloads 4535   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…

155
Yays

jQuery Super Cool Bubble Navigation

Views 24954   downloads 6090   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…

136
Yays

jQuery Rocking and Rolling Rounded Menu

Views 18654   downloads 5044   Menu & Navigation

In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate…

174
Yays

jQuery Beautiful Background Images Navigation

Views 21969   downloads 3582   Menu & Navigation

We are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position.…

122
Yays

jQuery Smooth Circular Motion Menu

Views 21215   downloads 3992   Menu & Navigation

we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular movement for a menu in a portfolio example. The idea is to have a rounded…

125
Yays

jQuery small Boxes Menu

Views 12173   downloads 2695   Menu & Navigation

we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for some description or links. When the item is clicked…

149
Yays

jquery elastic thumbnail menu

Views 14807   downloads 2671   Menu & Navigation

The HTML Quick and easy, the general framework we’ll be using goes as follows: <div id="menuwrapper"> <div id="menu"> <a href="#" class="menuitem"><img src="image.jpg"></a><!--Template…

124
Yays

jQuery Smooth Animated Menu

Views 22099   downloads 4536   Menu & Navigation

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? We’ll aim to do just that by building a menu and animate it with some smooth effects. Step 1 – Set…

149
Yays

CSS3 Super slick jQuery menu

Views 21898   downloads 3187   Menu & Navigation

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to…

216
Yays

Dynamic glide navigation with jQuery plugin

Views 45245   downloads 7953   Menu & Navigation

Dynamic menu with scrolling color glide followed, appropriate for personal entertainment blog and website which requires newfashioned style and personalization. Help Step1:include js and css files.  …

133
Yays

Jquery Awesome-Filled Navigation Menu Use Sprites

Views 18608   downloads 3853   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…

114
Yays

jQuery Animated Menu

Views 17649   downloads 4699   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…