Jquery Float Menu by Deluxe-Menu.com
Jquery Float Menu

Template:






    - Unlimited number of sub levels
    - Image arrows
    - Hundreds of pre-designed templates
    - Personal CSS styles for separate menu elements
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Status string shows item labels
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Jquery Float Menu Dhtml Menus Horizontal Tutorials

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery float menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Menu Buttons Templates Jquery Float Menu
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
Cost Effective
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.

  • 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 am trying to use the following horizontal tabs menu:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

My problem is that the bitebackimage is not showing as you can see in the example below.

All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.

Any ideas on what the problem might be?

A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}

You should write:

TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}



Q: I am Registered user.
My question is:
Can you have borders around the sub-menus only. If you can how is this done, if it is done in the individual styles can you walk me through that. I tried it there but for some reason it wasn’t working. I'm thinking I wasn’t selecting the correct item to edit.


A: You should create Individual style and assign it to the first item in each submenu.

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],


Q: Can you resize the height of a submenu button to 22px? (The main dhtml pulldown menu should remain the same height).

I am sending you html files. Please checked it out and is it possible in delux menu?

A: Set itemHeight=22px for the styles (dhtml pulldown menu and sub):

  var itemStyles = [
["itemWidth=200px","itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
["itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg","itemBorderWidth=1", "itemBorderStyle=solid,solid","itemBorderColor=#a3a377,#a3a377","fontStyle='normal 12px Arial','normal 12px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
];



Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.

I am not able to figure out how to equally space out all my menu items on the javascript menu bar.

My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];

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