Menu Css Deroulant Slide by Deluxe-Menu.com
Menu Css Deroulant Slide

Template:






    - Submenus dropdown on mouseover
    - Relative/Absolute menu position
    - Items with icons
    - Transition #14 - "fade out" effect
    - Text aligned to left
    - 85% transparency for sub menus
    - UL/LI items structure
    - Top items and submenus have a shadow




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

Menu Screenshots

Menu Css Deroulant Slide Flyout Menu Html

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu css deroulant slide menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Windows Menu Menu Css Deroulant Slide
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu css deroulant slide 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



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How can I set the top-level menu items of the html pop up menu to be transparent?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];


Q: Could you please help me with coding of the submenu box in your java script dropdown menu?
I hope you can see images I've included in this email.
I want to put a large block of text in the submenu.
Now I can do it like the code shown here and it wraps and works OK.
["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>text Line 2text Line 2text Line 2text Line 2<br>Text line 3Text line 3Text line 3Text line 3<br>text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

The problem is that if I want a large amount of text, the line of code with text in it will be 10 miles long. Please note the line of code above isn't broken in practice. The email wraps it.

Is there any way to break the code into lines instead of one very long line?
For example:

["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>
Line 2text Line 2text Line 2text Line 2<br>
Text line 3Text line 3Text line 3Text line 3<br>
text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

No matter what way I try It won't work
Is there a way?

A: The only way to do that is

 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>"+
"Line 2text Line 2text Line 2text Line 2<br>"+
"Text line 3Text line 3Text line 3Text line 3<br>"+
"text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];



Q: I created a custom error page for a site, but the menu would not display.

I found that this was due to the erroneous "current directory" in the bad link test, for a non-existent directory.

which is: level2/level3/

I changed the script code from:
<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="DMworkfiles/dmenu.js"></script>

to:

<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="/DMworkfiles/dmenu.js"></script>

adding the "/" before "DMworkfiles/dmenu.js" source reference allowed the .js file to be found in the root directory and the menu would display.

The problem is that the little menu "expansion" arrow .gif cannot be found in the "current working directory" of level2/level3/. just little "blanks" show.

I tried changing:
  var dmWorkPath = "DMworkfiles/";

to:
  var dmWorkPath = "/DMworkfiles/";

but that did not enable the display of the arrows.

I also had to prefix all of the links in the menu with a "/" to indicate the root directory because of the "current directory" for the bad page.

I hope I have explained the problem sufficiently.
What am I doing wrong or missing here?


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters


Q: I intend to purchase a copy of Deluxe menu where I will be using tree menu for a project. I have created the tree describing the menu and copied the data.Files folder, data.js file to the area where the HTML page is and pasted the relevant text into html file.

When opening the page, the tree menu in javascript is not displayed. Can you please help me resolve this problem. I have attached the data.files folder (in zipped form), the data.js file and the html page I am using

A: Now you have the following code on your html page:

<HTML>
<HEAD>
<script type="text/javascript" src="data.files/dtree.js"></script>
</HEAD>

<BODY>
</BODY>
</HTML>

It is not correct you should install the menu in the following way:

<HTML>
<HEAD>
<script type="text/javascript">  var tWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dtree.js"></script>

</HEAD>

<BODY>
<script type="text/javascript" src="data.files/data.js"></script>
</BODY>
</HTML>

You can use "Export to HTML" function in Deluxe Tuner.



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