CSS Library Horizontal CSS Menus
Welcome to Dynamic Drive's new CSS library! Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
Page 4 of 7 pages « First < 2 3 4 5 6 > Last »
Half moon tab menu
We named this CSS tab menu "Half Moon" based on its look. The menu uses a transparent background image for each tab item to create a right round edge. Easy customization of menu colors and alignment.
Inverted Modern Bricks Menu
By popular request, this is an alternate, inverted version of the original Modern Bricks Menu. Markup wise it's slighter smaller than the original version.
Inverted Shift Down Menu
This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it. And just for demonstration, it shows how to make the bottom corners of each tab rounded using CSS3 and Mozilla's proprietary declarations for rounded corners.
Inverted Shift Down Menu II
This inverted horizontal menu creates tabs where the active tab is both longer and its text offset downwards compared to its less active counterparts. It does this by manipulating the tab's top/bottom padding values plus the color of its bottom border.
jQuery Drop Line Menu
This menu turns a nested UL list into a horizontal drop line menu, with each sub menu appearing as a single row of links beneath its parent menu. To polish it up, the menu uses a touch of jQuery magic to apply a nice slide down effect to each sub menu as it is revealed.
jQuery Drop Line Tabs
This menu turns a nested UL list into a horizontal drop line tabs menu. The top level tabs have rounded corners thanks to the use of two transparent background images
jQuery Multi Level CSS Menu #1
This is a multi-level horizontal CSS menu created using a regular nested HTML list only as far as markup, then transformed into a fully functional drop down menu using CSS and a touch of jQuery.








