Dhtml Menu Lento by Deluxe-Menu.com
Dhtml Menu Lento

Menu Screenshots

Dhtml Menu Lento How To Make Drop Down Menu In Javascript

Features

Cost Effective
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
Build Web Menu Xp Style Dhtml Menu Lento
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
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus

A: You can try to specify spacing parameter:

  var itemSpacing=1;

You can also try to use separators.

You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],

Use "Add Separator button in Deluxe Tuner.

Set separator parameters in the following way:
//--- Separators
  var separatorImage="";
  var separatorWidth="100%";
  var separatorHeight="2px";
  var separatorAlignment="left";
  var separatorVImage="data.files/separator.jpg";
  var separatorVWidth="2px";
  var separatorVHeight="100%";
  var separatorPadding="0px";




Q: Hello.How do I remove the 5 dashed lines that appear above the first treeof the Deluxe-Tree. These lines also appear in your XP StyleSamples but they don't appear in your Deluxe-tree homepage.

http://deluxe-tree.com/data-samples/tree-menuxp2.html


A: These lines appears when you use

  var tmoveable = 1; //movable menu

Try to set

  var tmoveable = 0;


Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.

A: Unfortunately it is not possible with css menu.

On each page you should call css file with styles:

<link href="menu.css" rel="stylesheet" type="text/css" />

and add code for the menu on each page in the place where you want to have a menu, forexample:

<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>

You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: How can I remove the vertical lines that connect the + signs in my javascript slide out menu. I do want to keep the -+ signs but just not the virticle lines.

A: See the following javascript slide out menu parameters:

// Lines
  var tpoints = 1;
  var tpointsImage = "vpoint.gif";
  var tpointsVImage = "hpoint.gif";
  var tpointsCImage = "cpoint.gif";

If you don't want to use lines you should set:

// Lines
  var tpoints = 0;
  var tpointsImage = "";
  var tpointsVImage = "";
  var tpointsCImage = "";