Javascript Simple Menu 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!

Button and Icon Samples

Video Tutorial




Double click on the one of the predefined buttons' and submenus templates to apply it to your menu When the submenu is larger than the visible area of the page the submenu will be automatically decreased. You can use scrollbar to see all submenu items Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.



Features

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

vertical javascript menu template Cross Browser Menu
Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari

realizar submenus desplegables con html Fully Customizable
Every button or menu parameter can be easily customized in Vista JavaScript Menu to fit your web site design and your needs. Create your very own html menus, as simple or as complex as you want!

web page frame menu templates Javascript Simple 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.

High Quality and Professional Results
You don't have to know HTML, JavaScript, CSS or any other coding languages to make multi-state rollover web buttons, professional cross-browser, search engine friendly DHTML menus. All you have to do is make some clicks and adjust buttons as you wish for them to appear. Vista Web Buttons will generate all necessary images, html, javascripts, css styles automatically!

Widest cross-browser compatibility
The html menus generated by Vista JavaScript Menu run perfectly on all old and new browsers, including IE5,6,7,8, Firefox, Opera, Safari and Chrome on PC, Mac, and Linux. Vista JavaScript Menu menus have a structure based on HTML list of links (LI and UL tags), readable by any search-engine robots and text browsers.




2.0 Buttons by Web-Buttons.com v3.0.0

How to Use Javascript Menu Generator

  • Let's assign text to the web menu buttons. Select first web button by clicking it and then enter text in the "Text" field on the Properties toolbox. You will see that, as you enter the text, the selected button's text will change too.


    Then select next web button with click. Enter its text and so on. After finishing, the menu will look like this:

  • Now let's add some icons. Select button and then click the "Open icon" button on the "Normal state" tab of the Properties toolbox.


    "Open" dialog will appear, where you can choose an icon. Other way to assign an icon is to type its full path and name in the "Icon" field ("c:\myicons\stylish_3\pretty.ico", for example). Repeat this for each menu button. You should get something like this in result:

  • Let's change icons' position inside the buttons. To do it you should select all buttons by clicking on the first button, then pressing the Shift key, and then clicking the last web button while still holding the Shift key. You can also press "Ctrl + A" to select all buttons. Then click one of the "Icon Align" buttons on the "Normal State" tab on the Properties toolbox.


    You will see that icons are aligned in the selected way now. In this example we choose Top icon align.

  • Now let's add text shadow to buttons when button in hot state. Select all buttons as described in the previous step and then set the "Shadow" checkbox on the "Hot state" tab of the Properties toolbox.


    Now, when you point mouse at the menu button, shadow will appear under the button text like in the "Products" button of the following example:

  • Let's change the menu theme. To do it just select theme you like in the themes list on the buttons editor toolbox. Then you can browse this theme's button backgrounds. Note, that button backgrounds are previewable. You can look at their behavior while choosing. Just point mouse at it, click it to know how web button will react.


    When you find a button background you like, double-click it to apply. For example, after choosing one of the "01 Vista JavaScript Menu" theme's backgrounds, we'll get following results:


Support

Please contact Customer Support at (please include template name in the message title)

FAQ

Related

Simple Menus A Simple Vertical Menu with as many menu levels as required. ... Menus Degrade well if JavaScript is disabled // The position of each menu level is ...

javascript cascading menu creator html Sample ScriptForest Javascript Menu Builder download includes the menu builder and templates. ... simple, requiring only a single level of pop-up menus; or complex, requiring multiple ...

Simple JavaScript Drop Down Menu with timeout effect v2.0 ... And I just wrote this simple script: Sample. This menu can be located anywhere on the page: ... HTML Drop Down DHTML Menu JavaScript DropDown Cascading Menu CSS Horizontal Menu ...

30 Creative Javascript Navigation Menu Examples Browse: Home / Inspiration / 30 Creative Javascript Navigation Menu Examples ... Simple CSS design, but design on this website is too good to dare not to include this one. ...

jQuery Drop Down Menu - Simple JavaScript Plugin " Scripts ... jQuery Simple Drop-Down Menu Plugin. So, I present to you the simple drop-down menu. ... Now you can create main menu structure using HTML unordered list. ...

300+ Jquery, CSS, MooTools and JS navigation menus If You are web developer, great navigation menus always comes handy. ... very simple HTML and CSS navigation menus, until very complicated and advanced jQuery, JavaScript and ...

The JavaScript Menu Object The JavaScript Menu component provides a user- and developer-friendly way for you to ... Just keep it simple. Prototyping Menu Styles. You've seen how to customize the font and ...

Dynamic Drive DHTML(dynamic html) & JavaScript code library DHTML and JavaScript code library featuring free, original scripts and components, all of which ultilize fourth+ generation browser technology.

Dynamic Country State Javascript Menu Example I have found myself in a couple of situations where I needed a simple dynamic javascript menu where the user would make a selection from one select list and depending ...

Simple 1 - Javascript Menu Sliding - Templates Simple 1 - Javascript Menu Sliding. Deluxe Menu is cross-frame and cross-browser DHTML Javascript menu with a lot of powerful features, flexible parameters and easy ...

Create a Javascript Menu: How to Build a Simple Yet Effective ... This tutorial shows just how easy it is to develop a menu for a web page - all though the power of Javascript.

Dhtml Tabs. Javascript Menu Builder Dhtml Tabs. Create an effective web site navigation with Javascript Menu Builder! ... Create your very own html menus, as simple or as complex as you want! How Do You Create ...

JavaScript Tutorial 14 - Menu Systems Javascript tutorial shows a variety of menu styles such as tabbed, dropdown, pullout, ... A very simple dropdown menu can be built from a select list control, a button and an ...

Dynamic Country State Javascript Menu Example I have found myself in a couple of situations where I needed a simple dynamic javascript menu where the user would make a selection from one select list and depending ...

Javascript And CSS Tutorial - Accordion Menus Javascript And CSS Tutorial - Accordion Menus ... A UI component common in many ... A number of javascript libraries provide nice and simple accordion menus, but today we ...

JavaScript Tip of the Week for September 23, 1996: Saving ... Below is a simple select menu that will bring you to a page when you select an option. ... on any JavaScript enabled browser. To create a select menu like this ...