Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Vertical CSS Menus: Here

Sliding Doors Vertical Menu

Author: Dynamic Drive

This nicely padded vertical menu swaps between two background images depending on whether the mouse is over or out of a menu item. To ensure a perfectly smooth transition between image change (especially in IE), it uses the Sliding Doors technique and a single background image that merges the two backgrounds into it.

Demo:

The single image used (resized horizontally):

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 03/30/2007

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive