Floating Side Menu Css Jquery by Deluxe-Menu.com
Floating Side Menu Css Jquery

Menu Screenshots

Floating Side Menu Css Jquery Javascript Drop Down Example

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



Q: All dhtml dropdown menu links opens in a new window even when they're configured to open in the same page (or another frame).

A: Check the following dhtml dropdown menu parameters:

  var itemTarget="_self";

["menu item","link.htm", "", "","Tip", "_self", "", "", "", "", "", ],



Q: This is a great product and I hope to use it for the project I am currently working on. I have played around with using simple javascript menu but have been unable to figure out how to make sub menu items live on multiple rows and columns. Could you point me in the right direction? I know with the individual styles I could make the category titles bold and put sub categories right underneath without actually making them sub categories.

A: You can find more info here:

http://www.deluxe-menu.com/multicolumn-menu-sample.html


Q: I keep getting this javascript error: "smMovable is undefined" in my javascript rightclick menu.

I am using the development version no source code. I only get the error when adding sub menu items. When it only has the top level menu items everything works fine. I have attached the script, which the portion I generate works fine when I open it using the deluxe tuner application. I am generating the menu from .Net.

I am also attaching the generated html file.

Any help with this would be appreciated. do I add padding around a top menu item?

A: Now you have the following parameters:
  var moveImage=";
  var transOptions=";

It is not correct. You should write:
  var moveImage='';
  var transOptions='';