Submit your widget
145
Yays

Cool JQuery and CSS3 Animation Menu

Views 24226   downloads 4857   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 18527   downloads 4387   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…

143
Yays

JQuery Draggable Sitemap

Views 22040   downloads 3614   Menu & Navigation

There are a handful of javascript libraries and plugins available that attempt this task, but none of them worked flawlessly with our HTML. The real issue here is that javascript alone cannot produce…

141
Yays

jQuery and CSS3 Minimalistic Horizontal Slide Out Menu

Views 26247   downloads 3940   Menu & Navigation

The horizontal slide out menu is positioned at the left hand side of the window and slides out its menu items once the arrow is clicked. The arrow bounces back once the mouse leaves and this creates a…

141
Yays

jQuery Super Cool Vertical Scroll Menu

Views 34959   downloads 4679   Menu & Navigation

Create a vertical scroll menu that scroll automatically according to your mouse axis-Y movement. 1. Get mouse axis The following code will return the X and Y Axis values for your mouse pointer. <script>…

140
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 34846   downloads 4778   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…

139
Yays

jQuery CSS Drop Down Menu Style

Views 17751   downloads 4142   Menu & Navigation

Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized Clear unordered list (LI and UL HTML tags) structure Easy to…

138
Yays

MagicLine Navigation with jQuery

Views 16023   downloads 3252   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…

137
Yays

Drop-down Navigation Menu Using HTML5, CSS3 and jQuery

Views 17282   downloads 3529   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…

136
Yays

jQuery Elastic vertical menu

Views 16645   downloads 3732   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

CSS3 and jQuery menu

Views 15783   downloads 3295   Menu & Navigation

A simple navigation menu built with CSS3 and the jQuery UI. The css with some custom fonts via Google font API @import url(http://fonts.googleapis.com/css?family=Lobster); body {margin:0; padding:0; background:#ddd;}…

136
Yays

Awesome jQuery and CSS3 Interactive menu

Views 51986   downloads 11152   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 18604   downloads 5027   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 21432   downloads 3843   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 18565   downloads 3831   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…