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

Menu Screenshots

Ocean Script Accordion Menu Html Fading Dhtml Popup Layer

Features

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!
Javascript Horizontal Menu Ocean Script Accordion Menu Html
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
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.


A: Try to specify units in "px".
  var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.


Q: I really want the actual dhtml menu bars to be SE Friendly. Is this possible?


A: You should generate search engine friendly code and install it on yourpage.
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="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

We use such code on our website
http://deluxe-menu.com


Q: Have a question regarding your Deluxe-Tabs product.

Is it possible to set dhtml navigation menu up so clicking a tab runs a function in my page?


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

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var bmenuitems = [
["<div onMouseover='your_code_here'>item text</div>", "content1"]
];


Q: Is it possible to add a combo box or a search field to a tree view component?

A: You can paste any html code inside item's text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>","", "", "", "", "", "", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],