Js Slder Dropdownmenu by Deluxe-Menu.com
Js Slder Dropdownmenu

Menu Screenshots

Js Slder Dropdownmenu Dynamic Menu System

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your js slder dropdownmenu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Vertical Flyout Menu Css Javascript Js Slder Dropdownmenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed js slder dropdownmenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter "  var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?

I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?

I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the "  var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)

Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).

A: 1) See the structure of your tmenuItems is incorrect now.

You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.

2) You should write tleft parameter correctly. Now you have:

//--- Positioning
  var tabsolute=1;
  var tleft="00px";
  var ttop="10px";

Write it in the following way:
  var tleft="10px";

3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.


Q: I have started using your menu and when testing in both IE-browsers the CPU jumps to 100% for at least 30 to 60sec.
Then the sub menu appears but also not as fast as in Firefox(no effects).

Now does my menu contains about 1476 item-lines, and I use the cross-frame modus.

Any ideas?


A: It is possible that the loading speed can be lower if the menu is very large. But it doesn't take so much time.
Yes, you can notice some delay in IE, but in over browsers it works better.
Deluxe Menu works fast, but 1500 is a large value.
I tried to create large menus on my machine: P4 3GHz, 512RAM WinXP SP2
It takes:
- 1000 items ~ 10 sec
- 2000 items ~ 40 sec

You can try to use AJAX-like technology.
http://deluxe-menu.com/ajax-technology-menu-sample.html


Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style, forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



Q: If you will go to my site you will see that the buttons turnwhite or unload and reload when hovered over. Is there anything I can do toprevent this?


A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other were not loaded yet.

If you don't want to have such effect you can use 1 state buttons.