Menu Deroulant by Deluxe-Menu.com
Menu Deroulant

Template:

iPhone 14 Template - CSS Menu Rollover






    - Status string shows item labels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Inactive/Disabled items
    - Personal CSS styles for separate menu elements
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus go over all page objects
    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation




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

Menu Screenshots

Menu Deroulant Menu Bars Dhtml

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Toolbar Menu Deroulant
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
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
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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The dhtml floating menu does not align to the top of the column and it migrates as one scrolls up or down the page. I would like it to stay in one place.

A: 1) Add valign="top"> parameter for the TD tag with the menu:
<td valign="top">
<script type="text/javascript" src="welcome_files/frenchdata.js"></script>

2) Open your frenchdata.js file in any text editor (or Deluxe Tuner) and change:
  var absolutePos=0;
  var posX="20px";
  var posY="120px";
to
  var absolutePos=0;
  var posX="0px";
  var posY="0px";

3) To turn off the floating feature you should set the following parameter in yourfrenchdata.js file:
  var floatable=0;

Q: Do drop down menu examples work with google page creator ? Orare there any problems ?

A: See how you should install Deluxe Menu on your pages.
Deluxe Menus weren't developed as Google Page Creator/Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that your program changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

Q: I'm looking at evaluating your Deluxe menu software for inclusion in our current web based software solution and am particularly taken with the 'Ajax style' loading.

Could you please answer a couple of questions with respect to that.

At what point does it load those file ¦ initially when menu is drawn (so multiple small hits to app server) or when the user selects the menu? Does the link href *have* to be a .js file ¦ or can it be any valid file type that returns the correct data? I have to generate the menu options dynamically from a DB and therefore really need to include a JSP style file.

Our current menu system (made up of 4 levels deep contains over 300 links, which is why I want to minimise server hit as much as possible!


A: It loads when the user move his mouse above the menu items.

You can use any extension for these files. But the file structureshould be the same as in our example.


Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],


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