![Yays Yays](/images/upup.gif)
CSS Navigation Rollovers With Drop-downs
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…
![Yays Yays](/images/upup.gif)
Simple CSS vertical menus
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…
![Yays Yays](/images/upup.gif)
jQuery Rollover Nav Bar
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…
![Yays Yays](/images/upup.gif)
CSS Overlapping Tabbed 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…
![Yays Yays](/images/upup.gif)
jQuery Dropdown Menu
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…
![Yays Yays](/images/upup.gif)
Advanced CSS Menu
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.…
![Yays Yays](/images/upup.gif)
CSS Sliding Door menu using only 1 image
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…
![Yays Yays](/images/upup.gif)
Kwicks accordion menu for jQuery
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;…
![Yays Yays](/images/upup.gif)
jQuery style menu with CSS3
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…
![Yays Yays](/images/upup.gif)
Animated CSS3 Horizontal Menu
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…
![Yays Yays](/images/upup.gif)
a Bubble Coda Style with CSS3 menu tootips
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…
![Yays Yays](/images/upup.gif)
Depth And Nice 3D Ribbons Only Using CSS3
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…
![Yays Yays](/images/upup.gif)
Jquery Horizontal Slide 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…
![Yays Yays](/images/upup.gif)
jGlideMenu unique drag Sliding menu jQuery
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…
![Yays Yays](/images/upup.gif)
Sliding JavaScript Menu Highlight
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…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu