Submit your widget
182
Yays

CSS Navigation Rollovers With Drop-downs

Views 20208   downloads 4363   Menu & Navigation

This post is a continuation of Super Fantastic CSS Navigation Image Rollovers where we created CSS rollovers with a single image, so it would probably be a good idea for you to take a look at that post…

97
Yays

Simple CSS vertical menus

Views 24820   downloads 3464   Menu & Navigation

Our menus are actually HTML unordered list elements <ul> styled using CSS, giving them background color, margin, padding and other CSS attributives. The process of creating this menus can be separated…

120
Yays

jQuery Rollover Nav Bar

Views 8406   downloads 1431   Menu & Navigation

Here’s a simple jquery nav bar with animated rollover effects. The page titles roll up to reveal page descriptions underneath.  Here’s the jQuery, hover.js: $(function() { var navButtons…

122
Yays

CSS Overlapping Tabbed Navigation

Views 13948   downloads 2303   Menu & Navigation

Overlapping tabbed navigation in CSS have always been a nuisance with developers often running into cross-browser compatibility issues or bloated code. There are some other examples floating around the…

110
Yays

jQuery Dropdown Menu

Views 10866   downloads 1902   Menu & Navigation

Dropdown menus and menu bars have been heavily used since the early days of graphical user interfaces. Their use has become ubiquitous, and even expected, in desktop applications, and the web has quickly…

97
Yays

Advanced CSS Menu

Views 12602   downloads 2371   Menu & Navigation

Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.…

97
Yays

CSS Sliding Door menu using only 1 image

Views 7948   downloads 1718   Menu & Navigation

Concept The concept of the sliding door is to use a background image for the buttons in a navigation menu. I am using a span within a link in the list to hold a part of the image. the link itself will…

155
Yays

Kwicks accordion menu for jQuery

Views 26692   downloads 5216   Menu & Navigation

Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…

127
Yays

jQuery style menu with CSS3

Views 13962   downloads 3225   Menu & Navigation

Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really…

147
Yays

Animated CSS3 Horizontal Menu

Views 12236   downloads 2272   Menu & Navigation

Inspired by CSS Sprites2 – It’s JavaScript Time from A List Apart and Using jQuery for Background Image Animations written over a year ago, I decided to create a short tutorial about a animated…

99
Yays

a Bubble Coda Style with CSS3 menu tootips

Views 7288   downloads 2149   Menu & Navigation

we are going to create a tooltip using the famous coda style, which allows for an animated pop-up window that makes for a great effect. HTML First, we create our HTML file and inside the body tag we add…

95
Yays

Depth And Nice 3D Ribbons Only Using CSS3

Views 16730   downloads 2607   Menu & Navigation

we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception…

111
Yays

Jquery Horizontal Slide Navigation

Views 15175   downloads 3167   Menu & Navigation

This is a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item. HTML Structures     <ul> <li><a href="#" title="" class="home"><p><strong>Title</strong><br…

116
Yays

jGlideMenu unique drag Sliding menu jQuery

Views 14826   downloads 2668   Menu & Navigation

A very unique menu that floats on the page. Users can drag it to a position they desire.   jGlideMenu is an updated version of the fastFind Menu that supports inline and AJAX menu definitions and…

86
Yays

Sliding JavaScript Menu Highlight

Views 8975   downloads 1819   Menu & Navigation

This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”. The markup for…