Css Collapsible Menu Tutorial by Deluxe-Menu.com
Css Collapsible Menu Tutorial

Template:

iPhone 18 Template - Dropdown Submenu






    - Top items and submenus have a shadow
    - Submenus go over all page objects
    - Items with icons
    - Several menus on one page
    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - 85% transparency for sub menus




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

Menu Screenshots

Css Collapsible Menu Tutorial Javascript Vertical Slide Menue

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!
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
Menus Ejemplos Css Collapsible Menu Tutorial
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible menu tutorial 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 css collapsible menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: My pop out menus in the vertical navigation bar appear on the left instead of the right.

A: You can try to change the following parameter:

  var subMenuAlign="left";


Q: We are testing you menu in our application. It is being used in cross frame mode. It works very nicely except a couple issues.

The main one is after loading a new page in the sub menus window when I go back to the main menu to select another option but on the initial mouse over it takes several seconds for the menu to come up. Once the delay of loading the initial submenu is over it loads all others very quickly until a new page is loaded again. Is there a way to optimize the menu to reduce this load time? I have already set dm_writeAll=0 but that only increased the speed of the initial display of the main menu.

And the other question is does the dmObjectsCheck option work in cross frame mode? I have it set =1 and the submenus still underneath objects (such as select list) which have a higher z order.


A: Try to do the following:
move all <script> calls into <head>, but delete dm_initFrame()function from data .js file -- move them instead of files calls, i.e.:

<head>
<script src=data.js>
...

</head>

...

<div><script>dm_initFrame("frmSet", 1, 2, 1); </script></div>

It this case data will be loaded when <head> will load, but after thatmenus must be shown quickly.
Let me know about results.

Deluxe Menu overlap select objects in cross-frame mode.


Q: I would like first to thank you for your products.
I downloaded the trial script and it's ok except for Hebrew or Right To Left languages.

Do you have a solution for this issue ??

A: You can use right-to-left languages the same way as in standard htmlcode.
Set "dir=rtl" for <html> tag.
Try that.



Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?


A: Deluxe Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com


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