Mouseover Slide Menu by Deluxe-Menu.com
Mouseover Slide Menu

Template:

Coffee Menu Template - Dropdown Html Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position




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

Menu Screenshots

Mouseover Slide Menu Menu Desplegable Vertical Html

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

Features

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
Dynamic Visual Menu Mouseover Slide Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your mouseover slide menu menus easily and in no time
  • Sensible menu parameters for manual editing



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: I just purchased your Deluxe Menu maker. Wonderful tool!  

I have made a menu, uploaded it to my HTML folder at Typepad in the correct place and tried several OTHER places too.  

I have inserted the js snips into the head and body in all permutations of combinations.  

I checked it each time by both opening my site and viewing source.  

The menu is there. But it cannot be seen on the page. Never has been seen. Not even a hint of it being there.  

I tried .js .file   AND .js    AND CSS.  

No menu.  

I checked on four browsers.  

No menu.  

I verified the files are in my index place by copying them to notebook.  

I have done all of the above about 20 times EACH.

A: See, now you have:

<title>The Steel Deal - an oasis of reason in a sea of insanity.</title>

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->


....

<meta name="verify-v1" content="VP25uY4F2NriQQhn7R3wK4aeYoMZpbafF+kkwx+vze4=" />
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="/dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->

</head>

It is not correct. You should call dmenu.js file only once.

Please, delete the second code.

There is now engine .js files

dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js

and data file on your server.



Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.

I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.

Please advice how I can do this.

A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.

  var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];



Q: We're working on new website and including your html menu systems.
Here's what we're trying to do and it keeps giving us an error (using MS Frontpage for development):

1) We have created a single leftnav menu that will appear on all of the pages of our website.

2) We've created an html page called leftnav.htm that is only this menu. It works just fine when we preview within Frontpage. The leftnav.htm and all the menu .js files are in a unique folder within the site.

3) We then have a template page that is the base template for many of the pages on our website. There is a layout table in this template into which we do an Includepage to bring in the leftnav.htm. When we try to preview this page with the menu included, we get a script error that says "Object expected" on line #155 (the .js file only has 154 lines of code).

We're stuck. Is there a problem with how we're trying to implement the html menu systems?


A: It is possible that you'll have an error in the Frontpage's preview.
Try to open your page in browser. If you'll have the same error,please send send us a copy of your html pages (including .js files) and we will check it.


Q: I have used dhtml vertical menu on my site....when I open it in IE it works fine but in mozilla it shifts to right...wht can i do so tht it will be placed at same position in all browers


A: You can try to set exact width in "px":

  var menuWidth="500px";

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