31/10/2008
0
SuckerTree Horizontal Menu is a CSS and DOM hybrid menu that's list based and supports multiple levels of sub menus. The trick to SuckerTree is a small adoptable piece of JavaScript that crawls the inner levels of a list menu and assigns the appropriate show/hide and positioning behavior to them. You can even have multiple SuckerTree menus on the same page.
See also: SuckerTree Vertical Menu.
We called this CSS tab menu "Half Moon" based on its look. This CSS menu uses a transpicuous background picture for each tab item to make a right round edge. This transparency means you will be able to change the colors of the menu items (such as the hover color) just by altering CSS color values within the style sheet. Easy alignment is as well supported, in order you will be able to, for example, align the tabs center or right if wanted. Nice!
This navigator is an alternate version of the original Sleeking Bottom Arrow Pointer Navigator, one with a more trimmed down interface and with an arrow background picture that appears only when the mouse moves over a menu item. Inspired by the menu on Lealea.
An black-red inverted, round corner CSS JavaScript menu bar with a cut-out pointer - shade of arrow below each JavaScript menu link. The pointer is simply a transparent background picture, automatically adopting to any background colors (in this case, black and darkred). Furthermore, you can easily "deconstruct" this horizontal navigator depending on the desired look, such as removing the top border or the two round corners. Enjoy!
This JavaScript uses some images and CSS to create navigations like to XP style. Very easy to setup, order to implement this this menu, you must define document type correctly, as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">.
This is a modern looking, imageless horizontal menu. The selected JavaScript menu item merges with the band below it to help it stand out even more. As mentioned, the JavaScript menu uses no images, making customization a breeze.
This is a lean, professional looking CSS menu that's draped in a solid two color background image. The divider between the menu items is simply a white CSS border. The style is extremely easy to customize thanks to the simple background image used.
Using relative positioning and negative margins, this CSS code creates "overlapping" horizontal tabs that each snug up and slightly overlaps the tab to the left of it. There is no mistaking the "selected" tab, with its raised look. Uses two tab images in total to create the entire interface.
These CSS JavaScript menu tabs come with thick top/bottom padding to achieve that attractive cushioned look. Setup is very easy- each JavaScript menu JavaScript link simply carries a gradient background image that is changed to a darker version of the original when the mouse rolls over each menu item.
