Menu Accordion Vertical Free by Deluxe-Menu.com
Menu Accordion Vertical Free

Template:

iPhone 19 Template - HTML CSS Menu






    - Text aligned to left
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - Sound support!




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

Menu Screenshots

Menu Accordion Vertical Free Transparent Drop 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
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
Java Men C Bc Menu Accordion Vertical Free
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 menu accordion vertical free 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 menu accordion vertical free 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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to have one of the drop menus in the horizontal navigation use a different image.
I am using the vista images and would like to have all of them but one use the same image
and the last one a different one. Can this be done?

A: You should create Individual Style for the last item and assign another image for it.

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,
data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal 11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1
];

Q: First I want to thank you for the great support you provided. I have another question about the dynamic javascript tree. Is there a javascript API to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

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

or

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

Q: We would like to use standard images for the main menue and add popup menues by using deluxe menue. The popups are triggered by hovering the cursor above the main menueimages and they should stay visible as long as the cursor is in the image.
If the cursor leaves the image, the popup should be closed unless it is in the popup menue.


A: See, you can use one Deluxe Menu (image-based) with images for the mainitems and submenus or you can use several pop up menus for each image.

http://deluxe-menu.com/popup-mode-sample.html

You should use onMouseover event.


Q: Currently, I have Deluxe Menu installed on my website.
However, I have noticed that the javascript mouseover menu picture width for the top level icon changes. For example, the mouse over picture for "Beauty" is one length whereas the mouse over icon for "Home & Garden" gives me one and a half pictures. I have illustrated this in the attachment.

Please could you advise me on how I could resolve this problem.

Thank you for taking your time to read this email.
I look forward to receiving your reply.

A: You can try to use the following parameters to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif



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