How To Make A Rollover Button Animate

Orientation of the Menu

Create both horizontal and vertical menus and submenus with any amount of menus on one page.

Slide Menu Bar
How To Make A Rollover Button Animate

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.

Horizontal Menu Button Generator
How To Make A Rollover Button Animate

Insert button script into the existing HTML page

You can insert your button script into the existing HTML page. To do so, click "Page insert" button on the Toolbar.

Submenus Javascripts
How To Make A Rollover Button Animate

Overlap all Html Elements on the Page

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

Dropdown Menu Code

How To Make A Rollover Button Animate Screenshots



How To Make A Rollover Button Animate

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 no design 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

How To Make A Rollover Button Animate

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.

  • Setup menu parameters manually or using Vista Buttons GUI interface. Then save your code in html page and your menu is ready! Use one of the predefined buttons' and submenus templates create your own themes in Vista Buttons application
How To Make A Rollover Button Animate

Support

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