Deluxe Horizontal Menu Styles
Each menu style can match the color
scheme of your site.
The following menu is active. Click on the
specific links for more information.
Features
- Multiple menus can be on a page (horizontal,
vertical, or both).
- Each menu can use a diferrent style.
- Flyout menus display to the left or
right.
- Menus can be centered on a page.
- Menus optionally have up to 4-state
image rollovers.
- Current marking for breadcrumb link
highlighting.
- The menus are search-engine friendly.
- Supports Apple iPhone, iPod, and iPad
Support for touch-enabled devices is a
default feature. For an iPhone or iPad
user, the menu will work by touch. When
a user taps a parent link its sub-menu
will appear and be fully accessible. Sub-menus
can be closed by tapping the trigger link
a second time or by pressing the ESC key.
Browser Compatibility:
- Firefox 2.0x and higher
- Internet Explorer 5.x, 6.x, 7.x, 8.x
and higher
- Opera 9.x and higher
- Safari 2.x and higher
Other browsers based on the rendering
engines of the above browsers, such as
Google Chrome, are also supported. Legacy
browsers degrade with grace.
Live Samples
To view live working samples click on the
samle style links on the right.
Single Layer Direct Links
Direct Links can go to a specific page,
External Web site, PDF document or a specific
place on a page.
They to not have submenus.
Fly Out Menu
- Position flyout menus to the left
or right of the root
- Auto edge detection:
The menu knows when a sub-menu will
not have room to display inside the
window and will reposition to appear
inside the window.
Drop Down Sub Menu
Submenus can be set to open upwards.
You can place a menu in a footer that
pops up.
Horizontal or Vertical
Multiple menus can be on a page (horizontal,
vertical, or both).
Each menu can use a separate style.
Animation methods
Reveal down, reveal right, combo reveal
(for horizontal menus), slide text, or
none
Alignment
In a horizontal menu, the first sub-menu
can be aligned to the left edge of its
trigger, the right edge, or can be centered
and justified:
- the first dropdown will be positioned
at the left edge of its trigger,
- the middle dropdowns will be centered
under their triggers,
- and the last dropdown will be aligned
to the right edge of its trigger.