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

Template:






    - Unlimited number of sub levels
    - Text aligned to left
    - 85% transparency for sub menus
    - Image arrows
    - Sound support!
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Jquery Vertical Floating Menu Transparent Dropdown Menu

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery vertical floating menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Floating Menu Jquery Vertical Floating 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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical floating menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.

A: Unfortunately it is not possible with css menu.

On each page you should call css file with styles:

<link href="menu.css" rel="stylesheet" type="text/css" />

and add code for the menu on each page in the place where you want to have a menu, forexample:

<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>

You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: How do I open a PDF document in a new window?  Is this in the Item Parameters window?

A: You can specify target parameter for each item
 ["|Open file","file.pdf", "", "", "", "_blank", "", "", "", ],

If you want to use context menu you can try to write your menuItems in the following way:
 ["|<a href='file.pdf' target='_blank'>Open file</a>","", "", "", "", "", "", "", "", ],

But you should create correct style for <a> tag.



Q: We're running deluxe_tree version 1.0. We are getting the following error:

_tsw is not defined
[Break on this error] String.prototype.sb=function(tss,te){return this.substring(tss,te)};String.proto...
dtree.js (line 14)

Any ideas? Should we upgrade to the latest version? If so, what it the upgrade path for us? Will we have to modify our data-tree.js file?


A: Yes, try to use Deluxe Tree v2.4.
See in Deluxe tree you should specify correct tWorkPath parameter:
<script type="text/javascript">  var tWorkPath="menudir/";</script> otn=tx/tl hre=T-"/ mt ae"ecito"cnet"nac orwbiewt it utn n e c

This parameter should point to the same folder with dtree.js file.When you use movable or floatable feature you should copy dtree_add.jsfile in the same folder with dtree.js file.
http://deluxe-tree.com/installation-info.html


Q: When the page initially loads, the sizing of all the tabsappear the way I want them to.
The first time any of the tabs are clicked on in the dhtml tab menu, I get a little bit of white space and a faint vertical line just to the left of tab 1.


A: Try to set your tabs in the following way:

  var bmenuItems = [

["TRACING SYSTEM","link:tracing.html", "", "", "", "AUTOMATED TRACING SYSTEM", "", "", "", ],
["DOCUMENT RETRIEVAL","link:docret.html", "", "", "", "DOCUMENT RETRIEVAL SYSTEM", "", "", "", ],
["ON SPOT BY BOOKING NUMBER","link:onspot.html", "", "", "", "ON SPOT BY BOOKING NUMBER", "", "", "", ],
["CUSTOMER PORTALS","link:portals.html", "", "", "", "CUSTOMER PORTALS", "", "", "", ],
["EDI","link:edi.html", "", "", "", "ELECTRONIC DATA INTERCHANGE", "", "", "", ],
["GPS TRACKING","link:gps.html", "", "", "", "GPS TRACKING", "", "", "", ],
["WMS","link:wms.html", "", "", "", "WAREHOUSE MANAGEMENT SYSTEM", "", "", "", ],
];

You should also set
  var bselectedItem=0;
to select your first item by default in that case.



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