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

Menu Screenshots

Floating Side Menu Css Jquery Vertical Navigation Drop Down Cross Browser

Features

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 floating side menu css jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Horizontal En Javascript Floating Side Menu Css Jquery
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
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
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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is there a way to get text to wrap on a tree menu rather then have scroll bars if the text is wider then the area?

A: To wrap your text you can use the following parameter:
  var tnoWrap=0;

you can also use standard <br> tags.
 ["|Home aaaa aaaaaa aaaaaa<br>aaa aaaaaaaaaaa","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],



Q: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.  

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

  var menuItems = [
["Home<br> ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us<br> ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News<br> ","/index.asp?pgid=3", , , , , "0", , , ],
["Services<br> ","/index.asp?pgid=4", , , , , "0", , , ],
 ["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
 ["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
 ["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us<br> ","/index.asp?pgid=5", , , , , "0", ,, ],
];



Q: I make an example of html menu, but when i use it with frameset then the menu not show completly.

Is this possible, perhaps by using a javascript call?


A: To initialize the cross frame menu you should call dm_initFrame() function
instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

You will find additioanal info about cross frame menu here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: We are facing some problem, in our css drop menu. Please Advise -

When we used "Helvetica" font in deluxe menu, the css drop menu expand, if the above font not installed in user machine.

I would please request you to kindly assist me on the same as the client is getting impatient.

A: It is normal behaviour if there is no such font on the user machine.

You can try to write fonts in the following way:
"fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'"

  var itemStyles = [
["itemBackImage=top.files/,top.files/menuhoverbg.gif","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, , Trebuchet MS'","fontColor=#FFFFFF,#FFFFFF"],
["itemBackColor=#504B48,#7E7666","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'","fontColor=#FFFFFF,#ffffff"],
];

Find another font similar to your font and write it through a comma.If there will be no HelveticaNeue Condensed font on the user machinethe font will be Trebuchet MS.

You should choose the second font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.