Jquery Horizontal Slide 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




Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics. Design both horizontal and vertical menus and submenus with any amount of menus on a single page. Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.



Features

Search Engine Friendly
Vista JavaScript Menu generates html code which is transparent to search spiders.

javascript simple horizontal menu selected Padding and Spacing
Specify various values for padding and spacing for the whole menu and for each separate submenu.

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

templates de menus desplegables en javascript Jquery Horizontal Slide Menu 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.

Create your own button themes
Theme editor helps you create your own themes or modify existing ones.

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




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

jQuery Sliding Menu (AKA Lavalamp Menu) | GeekTantra Its the jQuery Sliding Menu. Demo: Click Here Download: Click Here Project Repository: ... <link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media ...

Smooth Horizontal Slide Image Menu with Jquery | jQuery ... Smooth horizontal slide image menu is really cool and that it would be nice if it worked with jQuery. Introducing a Mootools image menu ported to Jquery. If

jQuery Sliding Menu (AKA Lavalamp) <link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax. ...

jQuery Menu Slide Style 09 (Green Yellow) This template uses background image for submenus with rounded corners. No matter what size of the submenu you have. The background image will always ...

Plugins | jQuery Plugins Submit it to the jQuery Plugin website issue queue to ensure it is noticed! ... An animated subnavigation menu. Slides and centers the subnavigation ...

Dynamic Drive CSS Library- jQuery Multi Level CSS Menu #2 This is a multi-level horizontal CSS menu created using a regular nested HTML list, then turned into a fully functional drop down menu using CSS and a touch of jQuery. ...

jQuery Horizontal Tooltips Menu Tutorials A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

stu nicholls dot com | menu - Vertical slide menu #1 using jQuery Vertical sliding menu #1 using jQuery. 11th November 2008. Home. Sales. Digital SLR Cameras ... A sliding menu similar to my previous couple of menus but slimmed ...

Kwicks for jQuery and an awesome horizontal animated menu ... Do you want your menu look sexy with an awesome animation on your website? I will walk you to the final result of using Kwicks - jQuery Plugin to build an horizontal menu.

Plugins | jQuery Plugins Submit it to the jQuery Plugin website issue queue to ensure it is noticed! ... An animated subnavigation menu. Slides and centers the subnavigation ...

jQuery Ease Slide Horizontal Menu Plugin 1.0 Movement for #menu ul: ? px. Over element: ? You clicked the item: ... Ease Sliding Menu. Thumbnail Slider. Default item first (optional) Easy implementation ...

jQuery Ease Slide Horizontal Menu Plugin 1.0 Movement for #menu ul: ? px. Over element: ? You clicked the item: ... Ease Sliding Menu. Thumbnail Slider. Default item first (optional) Easy implementation ...

UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu ... We will be using jQuery and some CSS3 properties for the style to give the elements some ... The horizontal slide out menu is positioned at the left hand side of the window ...

Slide Subnavigation Menu Menu Collection 6. 6. Submenu Item 1. 6. Submenu Item 2. 6. Submenu Item ... 'medium', //Any of the stanard jQuery animation speed variables, 'medium' by default ...

jQuery Ease Slide Horizontal Menu Plugin 1.0 Movement for #menu ul: ? px. Over element: ? You clicked the item: ... Ease Sliding Menu. Thumbnail Slider. Default item first (optional) Easy implementation ...

Smooth Horizontal Slide Image Menu with Jquery | jQuery ... Smooth horizontal slide image menu is really cool and that it would be nice if it worked with jQuery. Introducing a Mootools image menu ported to Jquery. If