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

Template:






    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Filters and Transitional effects
    - Several menus on one page
    - Unlimited number of sub levels
    - Status string shows item labels
    - Image arrows
    - 85% transparency for sub menus




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

Menu Screenshots

Flex Horizontal Menu Icon Pop Up Menu Js

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flex horizontal menu icon samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Creating Rollover Drop Down Menus In Javascript Flex Horizontal Menu Icon
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
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: I am using the dhtml-tabs code. I have 2 tabs that I use for a basic form and an advanced form. The advanced form is on the second tab. When I submit, I get results. When I click the back button, the selected tab is the first one, and not the second. Is there a way to configure the tabs to be persistent or sticky. Such that clicking on the back button will result on being on the second tab, which was the last dynamic drop menu tab before going to a new page?

A: You can try to use the following dynamic drop menu function:

dtabs_itemClick(0,1)

To open your second tab.



Q: How do I change the background color for the floating drop down menu

A: To change menu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];

You can also use Individual Item Styles to change the color of the specific items:
  var menuStyles = [
["menuBackColor=#F2F3F2"],
];

  var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];

Q: I'm looking at evaluating your Deluxe menu software for inclusion in our current web based software solution and am particularly taken with the 'Ajax style' loading.

Could you please answer a couple of questions with respect to that.

At what point does it load those file ¦ initially when menu is drawn (so multiple small hits to app server) or when the user selects the menu? Does the link href *have* to be a .js file ¦ or can it be any valid file type that returns the correct data? I have to generate the menu options dynamically from a DB and therefore really need to include a JSP style file.

Our current menu system (made up of 4 levels deep contains over 300 links, which is why I want to minimise server hit as much as possible!


A: It loads when the user move his mouse above the menu items.

You can use any extension for these files. But the file structureshould be the same as in our example.


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