Menu Deroulant Css Horizontal Frames by Deluxe-Menu.com
Menu Deroulant Css Horizontal Frames

Menu Screenshots

Menu Deroulant Css Horizontal Frames Javascript Collapse Menu Tutorial

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 menu deroulant css horizontal frames samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Image Scrolling Menu Menu Deroulant Css Horizontal Frames
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 deroulant css horizontal frames menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: When I load a page with dhtml menu sample, lets say contact, the first tab is always highlighted, not the contact tab

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code on each page before you call your data file, for example:

<script language="JavaScript1.2>

  var bselectedItem = 3;

</script>



Q: Can I have the pop-out menus in the floating navigation bar go left instead of right.

A: You should use the following parameter (Deluxe Tuner->Positioning):

  var subMenuAlign="left";

Q: One more query, can we remove the following line from all the pages,
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>

<script type="text/javascript">  var dmWorkPath = "/";</script>

As the script <noscript> tags are used in body section of webpage and when we use this in Head tag, it is creating a problem for us. Will removing this line would cause some problem in working of menu, as now a days every browser in the world supports JavaScripts.


A: You cannot delete the following line:
<script type="text/javascript">  var dmWorkPath = "/";</script>

Your menu won't work without this line.

You can try to move the following code in the <body> tag. Try that.


...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
...
<body>


Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";