Side Menu Slider by Deluxe-Menu.com
Side Menu Slider

Template:






    - Hundreds of pre-designed templates
    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - UL/LI items structure
    - Sound support!
    - Status string shows item labels
    - Submenus automatically scrolls
    - Items with icons




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

Menu Screenshots

Side Menu Slider Dhtml Scrolling Navigation

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

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed side menu slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Design Web Side Menu Slider
Cost Effective
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
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I can't find anywhere in your documentation that states where
I can call function onclick other than in the menu target for dhtml menu script.


A: You can use onclick event in the following way:

  var menuitems = [
["<div onClick='getLink(\'/Admin/Sales/Customers/Customers.asp\')'>Table of Contents</div>", ""]
];


Q: I've noticed something strange in the Deluxe Tree and I am wondering if this is normal.

Here's an example I have in my "data.js" file to populate the javascript ajax tree:

  var tmenuItems = [

["Mes alertes/My alerts","", "", "", "", "", "", "0", "", "", ],
 ["|Francais","", "", "", "", "", "", "", "", "js/AjaxTreeFr.js", ],
 ["|English","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Here's basically how it goes:

- Basically the "0" represents a pre-built style that I have set for the root of my tree.

- Under this are the first child of the root called "Francais" and "English" which I link with a JS file to populate (Because the users will customize the alerts they want to see).

This works perfectly fine. But it is a workaround. Let me explain what I wanted in the first place:

  var tmenuItems = [
["Mes alertes ","", "", "", "", "", "", "0", "", " js/AjaxTreeFr.js ", ],
["My alerts","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Basically I wanted to have 1 javascript ajax tree with 2 root items "Mes alertes" and "My alerts" but it seems impossible to attach a js file to the root of the tree view. (It doesn't get populated).

Any ideas?

A: See AJAX feature won't work for first-level in XP style now.

It works if you use:
  var tXPStyle=0;

Q: I would prefer to have a sort of documentation or tutorial video but asI have seen on you website there is not. I have also to mix the javascriptcode with php.

Could you please help me, software look fine but we don't have time totest the code, tutorial will be appricieted.


A: Unfortunately, we don't have tutorial yet, we'll try to create it inthe nearest future.

To create the pop up menu you should to do the following steps:

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.
You should set the following parameter
  var pathPrefix_img="";

2. You should add the following parameter for the pop up menu:
  var popupMode=1;

You should do it manually. Please, open your data file in any texteditor and add such parameter.

3. You should install the menu on your page.
Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);">
...
</body>

Where return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place. In other case the menu will be shown in the mouse position.

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.


Q: Is it possible to designate a different font style, for thedrop down links then for the main link in the asp drop down menu?

A: Yes it is possible. It will be better for you to use another font style for your top itemsusing Individual styles.

And change font styles for your submenus using the following parameters:
  var fontStyle=["bold 10px Tahoma","bold 10px Tahoma"];
  var fontColor=["#FFFFFF","#A4DBCB"];




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