Javascript Sliding Side Menu by Deluxe-Menu.com
Javascript Sliding Side Menu

Template:

Cnet Style Template - Multicolumn Dhtml Menu





    - Horizontal or vertical orientation
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus automatically scrolls
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows
    - Items with icons




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

Menu Screenshots

Javascript Sliding Side Menu Fade In Menu Dhtml

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sliding side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Popup Menus Across Frames Javascript Sliding Side Menu
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!
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 javascript sliding side menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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

Recent Questions

Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


Q: Does horizontal drop down menu works with JSP? How can I do that?


A: Deluxe Menu is the Javascript product. It means that it works on aclient side only and it doesn't depend on the server which you'reusing and it doesn't work on a server side as JSP script.
So, you can create the menu using standard html page and them movemenu code within .jsp page.


Q: I recently downloaded the trial version of Deluxe Menu-Deluxe Tree and Deluxe Tabs. I am very, very pleased with your product!! I wish to purchase Deluxe Menu & Tree & Tabs & Popup Window & Calendar Single Website License Product # 300094393.
However, before I do, I have a few questions first.

Question #1
I created a DeluxeTree Menu that is very large due to the amount of pages in my website and tested it on my website. It works fine. Of course I have created and saved a .js file and still have to add much more submenus to it. When I purchase the full version of javascript context menu will and begin to modify this .js file that I created will the "Trail Version" logo disappear? I hope so because it would be quite a task to have to re-create this file.

Question #2
I also created a Deluxe Menu in a cross frame structure and placed the menu in the top frame. When I tested it and click on the menu button, the submenus drop down but do not appear in the frame below. They remain in the top frame forcing me to resize the top frame to see the submenus. When I viewed the example on your website for the cross frame structure, the examples show the submenus overlapping and appearing on the frame below the top frame. How do I fix this?

Thank you for time, looking forward to purchasing your product.

A: 1) There is no need to create your javascript context menu after the purchase.
You'll use new engine files only.
The purchased version of Deluxe Menus doesn't have nag messages.
You'll see "Incorrect Key" message on a local machine but you won't see it on a registered domain.

2) You should install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.html
Click "Show additional info" button.


Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html
Buy Now!   ::  Free Trial Download   ::  More Info