Submenu Css Example by Deluxe-Menu.com
Submenu Css Example

Menu Screenshots

Submenu Css Example Java Drop Down Menu Scripts

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed submenu css example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Navigation Bar Script Frames Submenu Css Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your submenu css example 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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],



Q: I am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each javascript new menu tab. However while the page loads I can see all the content from all the <div> javascript new menu tabs and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.

Please advice what is happen to resolve this issue.

A: Try to set display: none; property for the style of your DIV, forexample:

<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>



Q: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.


Q: In DeluxeTuner when I choose an image and use my own path DeluxeTuner always sticks it's own path (data.files/) into the .js file.
Then I have to go into the data.js file and re-edit the path manually.


A: If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.