Expanding Menu Indexhibit Tutorial by Deluxe-Menu.com
Expanding Menu Indexhibit Tutorial

Template:

Youtube Style Template 1 - Script Drop Down Menu







    - Top items and submenus have a shadow
    - Text aligned to left
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - 85% transparency for sub menus
    - Horizontal or vertical orientation
    - Image arrows
    - Submenus go over all page objects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Expanding Menu Indexhibit Tutorial Dhtml Menu Drop Down Effects

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your expanding menu indexhibit tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
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
Drag And Drop Treemenu Javascript Expanding Menu Indexhibit Tutorial
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed expanding menu indexhibit tutorial 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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can I call javascript within the drop menu javascript?

A: Yes, it is possible.
Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


s

Q: Does Deluxe-Menu work on .ASPX pages.  Actually, I have got them to but the icons don’t appear. This may just be a path issue but I don’t see anything on your site saying that it will work with ASPX.Please let me know.


A: Deluxe Menu works fine on .ASPX pages.
You should install Deluxe Menu on the .aspx page in the same way asyou install it on the html page.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: I cannot see my menu in IE7. Please, help!


A: Try to set exact value for the menu width

  var menuWidth="700px";

Try that.


Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.

So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.

Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.

I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)

Thank you so much for all the help you have given me.


A: To add separators in submenus you should write it so:

 ["|-",] //first level submenus
   ["||-",] //second level submenus
and so on.

Try that.


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