Jquery Floating Menu Tree by Deluxe-Menu.com
Jquery Floating Menu Tree

Template:

Blue Menu Template - Html Menu Code





    - Image arrows
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Inactive/Disabled items
    - Submenus go over all page objects
    - Filters and Transitional effects




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

Menu Screenshots

Jquery Floating Menu Tree Floating Menu In Javascript

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!
Cost Effective
Javascript Menu Tutorial Dhtml Jquery Floating Menu Tree
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery floating menu tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: first - the deluxe menu is a nice tool, greatly.

but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour

A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
  var menuWidth="";
parameter.

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

> - I wish the actual site (menu item) in another colour
You can create Individual Item style and assign it for the top items,for example:

  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"], //style0
];

  var menuItems = [

["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "0", "", "", "", "", ], //style0
];



Q: Will html navigation bar work with site created using FrontPage?

A: Yes, Deluxe CSS Menu will work fine with site created in Frontpage.

Add all code generated by Deluxe Tuner.
You should copy all css styles for the menu and add it into your own .css file (orcreate a new .css file for the menu and call it on your page).

Then copy all HTML code for the menu and paste it in the place where you want to have amenu.

To view css styles and html code click "View HTML" button on the Preview window in theDeluxe Tuner.



Q: How can I keep the java slide menu items from opening into a new window when selected?

A: You can set target parameter for all items:

  var itemTarget="_self";

or for each item individually:

["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],



Q: I would like to call a popup window (created in Deluxe Truner) from a deluxe menu item.

A: You should add the code for popup window on your html page with the menu:

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1', 'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html



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