Submit your widget
181
Yays

CSS Navigation Rollovers With Drop-downs

Views 19268   downloads 4039   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…

96
Yays

Simple CSS vertical menus

Views 23898   downloads 3151   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…

119
Yays

jQuery Rollover Nav Bar

Views 7753   downloads 1182   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…

117
Yays

CSS Overlapping Tabbed Navigation

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

107
Yays

jQuery Dropdown Menu

Views 9998   downloads 1574   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…

96
Yays

Advanced CSS Menu

Views 11873   downloads 2107   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.…

94
Yays

CSS Sliding Door menu using only 1 image

Views 7412   downloads 1477   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…

154
Yays

Kwicks accordion menu for jQuery

Views 25827   downloads 4849   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;…

126
Yays

jQuery style menu with CSS3

Views 13088   downloads 2906   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…

145
Yays

Animated CSS3 Horizontal Menu

Views 11414   downloads 2042   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…

97
Yays

a Bubble Coda Style with CSS3 menu tootips

Views 6771   downloads 1825   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…

94
Yays

Depth And Nice 3D Ribbons Only Using CSS3

Views 15985   downloads 2308   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…

110
Yays

Jquery Horizontal Slide Navigation

Views 14640   downloads 2832   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…

115
Yays

jGlideMenu unique drag Sliding menu jQuery

Views 14036   downloads 2301   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 8318   downloads 1535   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…