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.
CSS Circle Menu
This CSS example uses CSS3's
border-radius property that's set to a very large value to create circle menu links.
CSS3 Gradient Menu Buttons
These fancy looking buttons brings together CSS3's
box-shadow, and linear gradients to create glossy looking menu buttons that use NO images.
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 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.
Corp Blue CSS Menu
This corporate blue themed menu uses the sliding door technique to create 2 states. While it works perfectly fine against a white background, for black background pages, the tabs reveal a thick white outline around its edges.
Thick Underline Menu
This horizontal CSS menu goes with a minimalist approach, by applying just a thick border underneath each link to give it style. It supports easy centering (or right aligning) on the page, just by changing the text-align property in the CSS. No images are used, just good old code.
jQuery Multi Level CSS Menu #2
This is a multi-level horizontal CSS menu created using a regular nested HTML list, then turned into a fully functional drop down menu using CSS and a touch of jQuery. The sub menus slide in and out into view.