Flex Horizontal Menu by Deluxe-Menu.com
Flex Horizontal Menu

Template:

iPhone 17 Template - CSS Pop Up Menu






    - Unlimited number of sub levels
    - Sound support!
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Status string shows item labels




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

Menu Screenshots

Flex Horizontal Menu Javascript Navigation Bar Tabs Sample Code

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your flex horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flex horizontal menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Animated Javascript Menu Sample Flex Horizontal Menu
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
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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I need to know if separate coloring of main items is possible in slide drop down menu.

A: You can create Individual Item styles and assign it for the top items,for example:
  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderStyle=solid,solid","itemBorderColor=#000080,#FF8000"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderStyle=solid,solid","itemBorderColor=##AA0000,#0000EE"],//style1
];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];

You can find more info about individual item styles here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: Here is a snapshot from the javascript drop down menu:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],

 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],

 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],

If I click on test1 which is a Norwegian newspaper, it works.

But it I click on test2 which is a link to my page – it does not work.

A: You cannot use "" symbols within menuItems. It is not correct.
Try to write your javascript drop down menu items in the following way:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],
 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],
 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],



Q: I try to use the javascript menu popups to show an image; then when the mouse is over the image I dynamically generate a panel of http links. It works perfectly, but the problem is that I would like to do the same with several images (for instance 2) and different links : I'm not able to do that, whether I change the value of menuItems   var or not, I display the same link values on both images (it seems menuItems is a global   var and can be set only once).

Have you heard about this problem and could you give me a solution (this is a bit urgent, I have sold this solution to my customers) ?

A: See how you should call dm_popup() functions:
<img src="../../../../fileadmin/img/flag_de.gif" width="50" onMouseOver="return dm_popup(0, 2000, event);" style="cursor: pointer;">
// 0 - is ID of the first menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50" onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
// 2 - is ID of the third menu
... and so on.

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