Simple And Elegant Vertical Menus by Deluxe-Menu.com
Simple And Elegant Vertical Menus

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Text aligned to left
    - Personal CSS styles for separate menu elements
    - Cross-frame support - menus work on frameset-based pages
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Items with icons




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

Menu Screenshots

Simple And Elegant Vertical Menus Ejemplos Drag And Drop Javascript

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed simple and elegant vertical menus 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!
Css Style Menu Slide Simple And Elegant Vertical Menus
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
Cost Effective
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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I bought the Deluxe Menu system for one website. Javascript select menu works well on all versions of IE that I tried (5,6,7)

However, the background and shadow do not render in Firefox. As a result the menu is not as attractive.
Can you help with this or am I stuck?

A: You should add Individual Item style and assign it for the top javascript select menu items:

  var itemStyles = [
["itemHeight=20px"],
];

["Home","index.shtml", "", "", "First Page", "", "0", "", "", "", "", ],
["Communication","", "", "", "", "", "0", "-1", "", "", "", ],
...

Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

http://www.deluxe-menu.com/filters-and-effects-sample.html



Q: Deluxe menu is working fine but could you provide some steps for using the javascript tab menu?

A: You should paste your content in the <div> .. </div> tags.

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

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

</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

Q: But what mean the message "Incorrect Copyright" that you see on the javascript menu ie TABS on our website? Because we did the solution that you described in the original message that I copy you below. In some computers appears this messages in other not.

The key that is in the .js file.

A: Installation of your menu is not correct:

<script type="text/javascript">  var dmWorkPath="deluxe-tabs.files/";</script>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<!--script type="text/javascript" src="../Library/Library_JS/dtabs.js"></script-->
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

You should write:
<noscript><p><a href="http://deluxe-tabs.com">javascript menu ie by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript" src="deluxe-tabs.files/dtabs.js"></script>
<script type="text/javascript" src="../Library/Library_JS/data-deluxe-tabs.js"></script>

Try that.



Q: I am in the final stages of testing and need some advice and help.

I have two problems I am trying to address.

1) Arrows on dropdown menu select.

2) Load time.

Please notice, I have to use absolute paths for the dropdown menu select to work.

1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.

2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.

Neither one of my commands appear to work.

This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.

A: 1) Now you have:

  var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
  var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];

You should set your arrows in the following way:

  var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
  var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];

2) Your menu is very large. I advise you to us AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You can also try the following things:

move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:

<head>
<script src=mainmenu.js>
...
</head>

...

<div><script>dm_init();</script></div>

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



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