Javascript Tutorial Collapsing Menu

Button State

You can create 1-state, 2-state, 3-state and 3-state toggle buttons using Vista Buttons. 1-state buttons are simple static image buttons. 2-state buttons respond to mouseOver event creating rollover effect. Mouse click doesn't change the button appearance. 3-state buttons support both mouseOver and mouseClick event. 3-state toggle buttons additionally stick in the pressed state after a click.

Pull Down Boxes
Javascript Tutorial Collapsing Menu

Padding and Spacing

Specify various values for padding and spacing for the whole menu and for each separate submenu.

Photoshop XP Style
Javascript Tutorial Collapsing Menu

Overlap all Html Elements on the Page

Submenus drop down over all the objects of the page (select, flash, object, embed).

Drop Down Menu Spacing
Javascript Tutorial Collapsing Menu

Export graphic picture

Using Vista Buttons you can save menu graphic picture as gif-files (*.gif).

XP Color Code

Javascript Tutorial Collapsing Menu Screenshots



Javascript Tutorial Collapsing Menu

Menu, Button, and Icon Collection

Javascript Menu Builder provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples

Javascript Tutorial Collapsing Menu

How to Use Javascript Menu Builder Menu Generator

  • Press "Edit Properties..." button to edit button edges width. By default, when you add new button, its edges widths are set to 5. But if you will change preview button size to 100x50 or bigger, you will see that some image elements look "fuzzy" (left image on the picture below). It happened because the play buttons border is not within the edge area.

    Set both horizontal and vertical edges width to 10. You can see that the result looks much more precise now. Border is not resized because it is within the edge area now (right image on the picture above).

    Click "Save theme" button to save theme changes. Click "Close" button.

  • Tune menu parameters manually or using Vista Buttons GUI interface. Then insert html code into the existing HTML page using GUI interface - your menu is ready! Save your current project in the project file (*.xwb) and continue to work with it later Save menu buttons' images as GIF, JPEG, PNG files.
Javascript Tutorial Collapsing Menu

Support

Please contact Customer Support at (please include template name in the message title)
Buy Now!Free Trial Download