Php Menu Deroulant by Deluxe-Menu.com
Php Menu Deroulant

Template:

iPhone 11 Template - CSS Horizontal Drop Down Menu






    - Unlimited number of sub levels
    - Sound support!
    - 85% transparency for sub menus
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Horizontal or vertical orientation
    - Submenus automatically scrolls
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Php Menu Deroulant Fade Javascript Menu

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
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!
Dropdown Menu Tutorials Php Menu Deroulant
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
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



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I cannot find the parameter in menu example file "data.js" for umlaute a, u. I want it to set manually.

A: You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.5.

You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.

You can also replace your letters with special sets, for example
ä - Small a, acute accent - a
ü - Small c, cedilla - u
  var menuItems = [
["ä....","testlink.html", "", "", "", "", "", "", "", ],
["ü....","testlink.html", "", "", "", "", "", "", "", ],


Q: How can I use Danish characters in my dhtml menu bars?

A: You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode. So, you
should set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.



Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?

A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],

.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}

 ["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
   ["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],

You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html



Q: We can't figure out how to implement javascript tabs navigation into our web site.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

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