Submit your widget
183
Yays

CSS Navigation Rollovers With Drop-downs

Views 20680   downloads 4545   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…

102
Yays

Simple CSS vertical menus

Views 25229   downloads 3622   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…

123
Yays

jQuery Rollover Nav Bar

Views 8781   downloads 1599   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…

125
Yays

CSS Overlapping Tabbed Navigation

Views 14458   downloads 2490   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…

117
Yays

jQuery Dropdown Menu

Views 11338   downloads 2085   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…

100
Yays

Advanced CSS Menu

Views 13024   downloads 2548   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.…

102
Yays

CSS Sliding Door menu using only 1 image

Views 8266   downloads 1883   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…

157
Yays

Kwicks accordion menu for jQuery

Views 27190   downloads 5412   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;…

134
Yays

jQuery style menu with CSS3

Views 14445   downloads 3401   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…

149
Yays

Animated CSS3 Horizontal Menu

Views 12623   downloads 2444   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…

102
Yays

a Bubble Coda Style with CSS3 menu tootips

Views 7628   downloads 2338   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…

100
Yays

Depth And Nice 3D Ribbons Only Using CSS3

Views 17168   downloads 2797   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…

114
Yays

Jquery Horizontal Slide Navigation

Views 15565   downloads 3344   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…

119
Yays

jGlideMenu unique drag Sliding menu jQuery

Views 15300   downloads 2827   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…

89
Yays

Sliding JavaScript Menu Highlight

Views 9369   downloads 2013   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…