Javascript Vertical Flyout Menu Tutorial Screenshots
Menu, Button, and Icon Collection
Vista JavaScript Menu 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!
Setup menu parameters manually or using Vista JavaScript Menu 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 JavaScript Menu application
Features
Image Navigation Use images for icons, backgrounds of items. Using images you can create menus entirely based on graphics.
menu vertical avec frame Overlap all Html Elements on the Page Submenus drop down over all the objects of the page (select, flash, object, embed).
dhtml unlimited expanding menu Fonts, Borders and Background Colors Use any necessary font of any color, size and font decoration for normal and mouseover state. Create any available type, thickness and color of a menu's frame. Choose any color for backgrounds of submenus and items.
javascript menu hover include Javascript Vertical Flyout Menu Tutorial Cross Browser Menu Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari
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.
Search Engine Friendly Vista JavaScript Menu generates html code which is transparent to search spiders.
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.