Sidebar Menu Slider by Deluxe-Menu.com
Sidebar Menu Slider

Menu Screenshots

Sidebar Menu Slider Javascript Menu Folding

Features

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
Mouse Over Transparency Sidebar Menu Slider
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sidebar menu slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am using deluxe menus and have a problem with images not downloading when the page loads. Is there a way to instruct the menus to preload the images instead of waiting until a person mouse overs the basic drop down menu for the first time?

I am using images that are called via stylesheet.

A: Please try to add the following basic drop down menu parameter:

  var dm_writeAll = 1;



Q: I can't get Cyrillic text in my free javascript dropdown menu. Where's the problem.

A: I've just checked an application. I can use Cyrillic text in Web Buttons.

Click "Font" button in the text dialog and select Script : Cyrillic.



Q: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?

A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.

You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],

You can also try to set
  var itemCursor="default";
for all items and use <a> tags for all links:

["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}



Q: Is there a way to programmatically specify which tab is selected in the drop down menu using javascript?

What I mean is, I want to set the selected tab programmatically (Not clicking the tab).

A: Deluxe Tabs doesn't support API functions which can return theselected tab.

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.

For example, move "bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>