Crossbrowser Horizontal Menu Snippet by Deluxe-Menu.com
Crossbrowser Horizontal Menu Snippet

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Transition #14 - "fade out" effect
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - 85% transparency for sub menus
    - Image arrows
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Crossbrowser Horizontal Menu Snippet Menu Screen In Unix

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Javascript Simple Menu Crossbrowser Horizontal Menu Snippet
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The only problem I see is that Firefox doesn't make the sub-menus the right height, and doesn't support the dropshadow, any window effect, although IE6 works fine.
Is there a way to get FF to display correctly?

A: You can't see the shadow in Firefox because filters are supported byInternet Explorer 5+ only.

>>> The only problem I see is that Firefox doesn't make the sub-menus the
>>> right height,

Try to specify units in "px".
Please, write so:
  var itemPadding="3px";



Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure dhtml menu generator for vertical menus with submenus going left to right?

A: Yes, it is possible.
You should set the following parameter:

  var isHorizontal=0;


Q: I can’t seem to figure out how to specify the width of individual horizontal menu items for the html menu. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];
  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



Q: Hi I recently bought a menu from you - which is great.
However, i have been told that search engines will find it hard to crawl through the menu and find the other parts of my site.

Is it possible for me to create my menu to make it easier for search engines to crawl through?


A: Deluxe Menu is a search engine friendly menu since v1.12.

To create a search engine friendly menu you should add additional html code within your html page:

< div id="dmlinks">
< a href="http://deluxe-menu.com"> menu_item_text1< /a>
< a href="http://deluxe-tree.com"> menu_item_text2< /a>
...etc.
< /div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Buy Now!   ::  Free Trial Download   ::  More Info