Submit your widget
145
Yays

Cool JQuery and CSS3 Animation Menu

Views 24266   downloads 4873   Menu & Navigation

The menu is simple, but unique. Script structure: HTML: <div id="menu"> <ul id="nav"> <li> <a href="#" class="icon1"> <span>Home Page</span>…

143
Yays

jQuery Mac dock style flexibility menu

Views 18570   downloads 4404   Menu & Navigation

Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS…

138
Yays

MagicLine Navigation with jQuery

Views 16069   downloads 3263   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…

136
Yays

jQuery Elastic vertical menu

Views 16675   downloads 3743   Menu & Navigation

jQuery OS X Stack and Drop Stack It’s super lightweight (~1kb) and is a really creative “outside the box” method of navigation for a website. It might be a little awkward having the…

136
Yays

Awesome jQuery and CSS3 Interactive menu

Views 52033   downloads 11163   Menu & Navigation

This example will tell you how to create an interactive menu using CSS3 goodness and jQuery’s power. The idea The idea behind this example was to have some nicely arranged blocks and once you click…

135
Yays

jQuery Rocking and Rolling Rounded Menu

Views 18628   downloads 5033   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…

135
Yays

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

Views 21491   downloads 3851   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…

133
Yays

Jquery Awesome-Filled Navigation Menu Use Sprites

Views 18589   downloads 3843   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…

129
Yays

jQuery Fresh Bottom Slide Out Menu

Views 25413   downloads 4521   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…

126
Yays

jQuery SooperFish Multi-Column Animated Drop-down

Views 28361   downloads 4446   Menu & Navigation

SooperFish is a highly configurable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus…

124
Yays

jQuery small Boxes Menu

Views 12134   downloads 2686   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…

123
Yays

jQuery Smooth Animated Menu

Views 22064   downloads 4526   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…

121
Yays

jQuery Smooth Circular Motion Menu

Views 21191   downloads 3983   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…

121
Yays

Animated Navigation with CSS & jQuery

Views 15187   downloads 3666   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…

114
Yays

CSS and jQuery Cool Animated Navigation

Views 18187   downloads 3000   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…