Html Side Menu Example by Deluxe-Menu.com
Html Side Menu Example

Template:






    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - Search feature - add the search area in the menu and type symbols.
    - Submenus dropdown on mouseover
    - Items with icons




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

Menu Screenshots

Html Side Menu Example Slide Drop Down Javascript Menu

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

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
Cost Effective
Web Menus Using Html Side Menu Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your html side menu example 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 html side menu example 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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Are there the possibility to have the dhtml menu code into an external file so that nothing of the dhtml menu code will appear on my html code?

A: Menu has data.js (by default) data file with menu parameters, itemsand styles and 9 engine files.
You should only call two .js files on your html page.

See more info here:
http://deluxe-menu.com/description-of-files-info.html
http://deluxe-menu.com/installation-info.html



Q: Will tab titles ever automatically wrap?

Is there a way to force a wrap of a tab title in a tab menu java?


A: No, unfortunately, tab menu cannot wrap item text automatically.
But you can use
tag within item text, for example

  var bmenuItems = [

["Item 1 text <br> text text text <br> text text text ","", "", "", "", "", "", "", "", ],
["Item 2","", "", "", "", "", "", "", "", ],
["Item 3","", "", "", "", "", "", "", "", ],

];


Q: Is there an option for word wrap or do I have to create my javascript menu button if I want to have a 2-line menu item?

A: To wrap your text you can use the following javascript menu button 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: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?


A: You should set this parameter:
  var itemCursor="pointer";

In this case you'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


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