Javascript Menu Examples by Deluxe-Menu.com
Javascript Menu Examples

Template:

iPhone 11 Template - CSS Horizontal Drop Down Menu






    - Submenus dropdown on mouseover
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Text aligned to left
    - Filters and Transitional effects
    - Unlimited number of sub levels
    - Transition #14 - "fade out" effect
    - Items with icons




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

Menu Screenshots

Javascript Menu Examples Javascript Cross Browser Toolbar

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
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
Menu Horizontal En Javascript Javascript Menu Examples
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu examples menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: And another question about displaying the links code in html.

How to create a drop down menu links to be displayed in the html code for search engines to catch them, is that possible?

A: You can use search engine friendly code and install it on yourpage before you call your data file.
You'll see text links in that case.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)



Q: Hi, I am testing your menu system for my company and would like to know how to keep the menu in the centre of the page like <centre></centre>.
I know how to do it without a floating menu but cannot work out how to do this with it floating.


A: When you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: But where on javascript drop down menu creator I can set the dmsearch=2 ? I can't find it, there isn't an option or submenu for the search box on the left side of deluxe tuner.

A: Use last version of javascript drop down menu creator v3.2.

You can find

  var dmSearch=2;

parameter in the "Advanced" section of parameter's list.

Then you should select an item (where you want to add search box), forexample first item and add

search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'

code into the "Link" field directly ("Item Parameters" window).



Q: Thanks for your information, and the program is very useful and user friendly compare with others.

But I have a question, pls see the following example.

inside the menu.js (the file which we will run as navigation bar)

  var menuItems = [

["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],

when setup running the php file directly is no problem

however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end

at our php files we use
<a href="blog.php?blogger=&lt;?=$auctionDetails['ownerid'];?&gt;">

Any suggestion for this case? or you can give us some example?

A: The following link should work fine in Deluxe Menu:

["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],

You can also try to move menuItems and dm_init(); function to your page inside <script>tag:

<script>
  var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];

dm_init();
</script>

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