Free Mouseover Dropdown Frame Template by Deluxe-Menu.com
Free Mouseover Dropdown Frame Template

Template:

Myspace Style Template - Drop Down Menu Bar

 









    - Status string shows item labels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - 85% transparency for sub menus
    - Items with icons
    - Hundreds of pre-designed templates
    - Sound support!
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Free Mouseover Dropdown Frame Template Net Navigation Menu

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

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!
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
Dhtml Layer Drop Shadow Free Mouseover Dropdown Frame Template
Easy Setup
  • De Luxe Tuner. GUI interface to create your free mouseover dropdown frame template menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free mouseover dropdown frame template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Shall I have to call the main egine file of the javascript menu maker - dmenu.js twice if I want to install two menus on the page.

The second script:
<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>

Is for the top navigation menu, the datahscounseling is for the side menu. If I delete that line won't my top navigation be gone?

A: No, when you have several menus on the same page you should calldmenu.js file only once and then call several data files.

You should install the menus in the following way:

<head>
...
<noscript><a href=http://deluxe-menu.com/>Javascript Menu Maker by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "datahscounseling.files/";</script>
<script type="text/javascript" src="datahscounseling.files/dmenu.js"></script>

<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->
...
</head>
<body>
...
<TD height=25 colSpan=3 class=style1>
<script type="text/javascript" src="datatopnav.js"></script></TD>
...
<td width="180" height="307" rowspan="2" valign="top" bgcolor="ffffff"><div align="left">
<script type="text/javascript" src="datahscounseling.js"></script></DIV>
...
</body>

Both menu will work correctly in that case.

See the example I've sent you. It works fine.

You can find more info about installation of several menus on thesingle page:

http://deluxe-menu.com/installation-info.html

Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?

A: No, you cannot remove expand buttons in   var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.

You can use   var tXPStyle=0; also.


Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?


A: Yes, you should change the name of the folder.

If you have, for example such file structure:

deluxe-menu_files/
    dmenu.js
    data.js
images/
html_pages/
    page1.html
    page2.html

index.html

So, you should install your menu in the following way:
<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "deluxe-menu_files/";</script>
<script type="text/javascript" src="deluxe-menu_files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</head>

<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>

Q: So, I'm actually developing an application with wordpress, and I would like to intagrate this excellent javascript navigation menu.

This site is Educational, and provides media about TI, for students of the Autonom University of Tamaulipas, in Mexico.

A: Actually we're using Deluxe Menu in our WordPress blogs without anyproblems.

You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html

2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">javascript navigation menu by Deluxe-Menu.com</a></p></noscript><script type="text/javascript">  var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:
<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.

That's all.



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