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

Menu Screenshots

Ocean Script Accordion Menu Html Vertical Sliding Menus In Fireworks

Features

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
Multiple Menu Submenu Sub Menu Dhtml Css Ocean Script Accordion Menu Html
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that. You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.


Q: How do I get a second javascript popup window on the same page?

A: You should create another popup for the second link. Notice that you should use differentID's:

<a id="win2" href="javascript:;">
<img height="173" align="bottom" width="150" x-sas-useimageheight="" x-sas-useimagewidth="" src="gifs/vargas2.gif"/>
</a>

in Deluxe Tuner specify another parameters:
WinID = window2
(Use another winID than you have in your first data file if you don't want to
close 1-st popup window after you open the 2-nd one or use the same winID=win if you want to close 1-st popup.)

new url
onClick = win2

Save this popup (use another name, for example: popup2.html).

Q: I am contacting you on behalf of my client World of Envelopes as they currently use your menus. We are currently running their SEO campaign and would like to know what is search engine friendly about your new javascript hover menu?

Would it be possible for you to provide me with an example of a client that is currently using this new menu so I can assess the SEO ability of this menu.

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 javascript hover 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.

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

We use search engine friendly code on our website,
http://deluxe-menu.com

You can view source of the page.



Q: My client wants their drop down navigation to lock into place when someone visits a page. Is there a way to do this?
Right now it disappears when you click the link.

A: I suppose that you're saying about submenus.

Try to set the pressed item using the following API function:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
Sets a current pressed item.
menuInd - index of a dynamic menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
parentOpen = true/false - open all submenus to show the selected item

See example here:
http://deluxe-menu.com/highlighted-items-sample.html

Try to click 'Highlight "Product Info/Installation/Description ofFiles" item'.

You can also try to use the following parameter:
  var smHidePause = 1000;
A delay (in ms) between mouse is moved from submenu and its closing.
You can make submenus to stay visible till you click outside the menu or scroll your page.
To enable this feature you should set this parameter in the following way:   var smHidePause = -1;