Submit your widget
144
Yays

jQuery Apple Leopard-Text-Indent Style Menu

Views 14467   downloads 3176   Menu & Navigation

Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last…

143
Yays

jQuery Mac dock style flexibility menu

Views 17842   downloads 4088   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 21078   downloads 3255   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 25526   downloads 3646   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…

140
Yays

jQuery Super Cool Vertical Scroll Menu

Views 34135   downloads 4390   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>…

139
Yays

a Vertical Scrolling Menu with CSS3 and jQuery

Views 33118   downloads 4473   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…

138
Yays

jQuery CSS Drop Down Menu Style

Views 17034   downloads 3862   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…

137
Yays

Drop-down Navigation Menu Using HTML5, CSS3 and jQuery

Views 16271   downloads 3242   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 16156   downloads 3451   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

MagicLine Navigation with jQuery

Views 15279   downloads 3025   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

Awesome jQuery and CSS3 Interactive menu

Views 51099   downloads 10802   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 18105   downloads 4777   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 20460   downloads 3598   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…

134
Yays

CSS3 and jQuery menu

Views 15174   downloads 3061   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;}…

133
Yays

Jquery Awesome-Filled Navigation Menu Use Sprites

Views 17560   downloads 3570   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…