Menu Deroulant Sample by Deluxe-Menu.com
Menu Deroulant Sample

Template:

Blue Menu Template - Html Menu Code





    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Transition #14 - "fade out" effect
    - Items with icons
    - Submenus dropdown on mouseover
    - Unlimited number of sub levels




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

Menu Screenshots

Menu Deroulant Sample Drag Bar Java Script

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
Dhtml Navigation Menu Tutorial Menu Deroulant Sample
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant sample 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.

  • 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: Hi I have a menu item which has a word wrap on it. The word wrap it auto so instead of saying the following

Sickline Call
123456789

It says

Sickline Call 123
456789

I need to put either spaces in the title to level it out or a carage return


A: You can use any <html> code within menuItems, for example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Sickline Call<br>123456789","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],


Q: We recently implemented your deluxe-menu on our site and are experiencing a few issues...

The java menu (slide-out portion) overlaps flash files on certain pages. In explorer, it seems to work fine, but in Safari, the java menu is hidden under the flash file. Is there anything you can think of that would be causing this... or anyway you know to fix it?


A: You should set the following parameter:

  var dmObjectsCheck=0;

Please, add also dmenu_add.js file on your server.

I've checked your website.

The installation of the menu on your page is incorrect.

You have two entries of dmenu.js file on your site in the <head> tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

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

</head>
<body>
...
<script type="text/javascript" src="data-image-based-5b.js"></script>
...
</body>

Try that.


Q: Your drop down menu builder makes about every kind of menu except the one that is hot right now...the slider menu.

A: But we have the Tree Menu, http://deluxe-tree.com
It is the slide menu.

See also other APYCOM products:
Deluxe Tabs, http://deluxe-tabs.com
Deluxe Popup Window, http://deluxepopupwindow.com
Calendar Date Picker, http://www.calendardatepicker.com
Vista Buttons, http://vista-buttons.com
Vista Photo Gallery, http://vistaphotogallery.com


Q: Is there a tutorial on how to use css navigation bar

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your Css menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
See the parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML

So, you'll have folder with images ("deluxe-css-menu.files/" folder by default),deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters (project file you need, if you wantto modify your menu later).

Open deluxe-css-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<style>
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{top:-2px; left:98%}
ul.cssMenu {
...
ul.cssMenum0 li li {
margin:0px;
}
</style>
...
</head>

You should also copy "deluxe-menu.files/" folder with all imagesinto the same folder with your index.html page.

More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html
Try that.
Buy Now!   ::  Free Trial Download   ::  More Info