Ocean Script Accordion Menu Html by Deluxe-Menu.com
Ocean Script Accordion Menu Html

Template:

Red Menu Template - Movable Menu





    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates
    - Items with icons
    - Sound support!
    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Ocean Script Accordion Menu Html Javascript Menu Slide Down

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
Expand Menus Ocean Script Accordion Menu Html
Easy Setup
  • De Luxe Tuner. GUI interface to create your ocean script accordion menu html 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 ocean script accordion menu html samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I already have your product.  I need to know if I can call js functions using the .js file in java menu sample.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];


Q: I can not however find the option to move submenus closer together, I have too much ident for my taste.
How can I change that, by hand if that is the only way...

I mean this:

MENU1
    +    SUBMENU1

I would like

MENU1
   + SUBMENU1

Is that possible?


A: If you don't want to have icons before item text you can write so:

//------- Icons -------
  var ticonWidth = 0;
  var ticonHeight = 0;
  var ticonAlign = "left";

Your items will be closer to the "+" buttons.


Q: Do you have a Mac version for javascript menu navigation?


A: You should download free trial version on MAC.
So, you'll have MAC version of Deluxe Menus.

And use the licensed engine files from the licensed .zip
(you candownload it from the link in your license message).

Unfortunately we don't have html version of the Tuner for Deluxe Tree
and Deluxe Tabs now. We'll try to create it in the nearest future.

You can find all templates for Deluxe Tree, Deluxe Tabs, Popup Window, Calendar in thetrial package.
More info about installation and parameters you can find on our websites:

http://deluxe-menu.com
http://deluxe-menu.com/css-menu/
http://deluxe-tabs.com
http://deluxepopupwindow.com/
http://calendardatepicker.com/


Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home   |   Proposal Reponses   |   Marketing Info   |

As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.

For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?


A: Home   |   Proposal Reponses   |   Marketing Info   |

Yes, you can create such menu.

Please, use Individual styles.

Set these parameters:
  var menuBorderWidth=1;
  var menuStyles = [
["menuBorderWidth=0"], //style 0
];

["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],

To add lines between main items you can paste the separators.

Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];


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