Drop Down Menu Dhtml Style Win7 by Deluxe-Menu.com
Drop Down Menu Dhtml Style Win7

Menu Screenshots

Drop Down Menu Dhtml Style Win7 On Mouseover With Javascript

Features

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!
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
Java Dhtml Menus Fade Drop Down Menu Dhtml Style Win7
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I use menu with color graphic buttons, I believe the color buttons locate in @BOOK1\@Test_BOOK1.files.
At this directory level(please look in Book1.zip), the display is OK,

However, if I click on "06) Introduction.to.Small-Signal.Amplifiers\<>>(06_IT.htm)" to move to the next level, the color buttons will not display properly.

Can I set pointer that tells file 06_IT.htm that I have "@Test_BOOK1.files" in "@BOOK1" folder?


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: Is there maybe a way that I can set up the menu so that it does not load at all until someone clicks on, say, a link, such as 'Products' and clicking on that link would then load the java menu buttons onto the page in the desired position?


A: Yes, you can do it.
Delete dm_init(); function from data file and use OnClick event foryour 'Products' link.

<a href="products.html" OnClick="dm_init();">Products</a>


Q: I use the apy menu inside a table cell and it has 6 sub menus. The table width is 600 so I would like to have each sub menu with width 100 and each item with the same width. I use menuWidth=100 and itemWidth=100 but it doesn't work, each menu has a different size depending on the label.
Also, each sub menu label can fit in less than 100 but I really want the width to be 100 so it looks consistant across the full menu.
What am I doing wrong ?


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=100px"],
];

["DHTML
Menus","", "", "", , , "0", , , , , ],
...
["Apycom
products","", "", "", , , "0", , , , , ],
...
["Contacts","http://www.apycom.com/contact.html", "", "", , , "0", , , , , ],

See the attached example.


Q: My site requires me to regularly update the menu by inserting a new menu item at the top of the list. Creating a sub-item automatically places it at the bottom and I haven't yet found a way to move java animated menu items to the top apart from manually editing the data.js file.

A: You should use new engine files v3.2.5 and add items using thefollowing function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters. This parameter has the same structure as an item in menuItems array. You can assign parameters of another existent item of the menu (for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.
Find more info:
http://deluxe-menu.com/functions-info.html