Javascript Sliding Dock 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




Sub menus dropdown over all the objects on the page (select, flash, object, embed). Design personal styles for any submenu and item. Use images for icons, backgrounds of items. Using images you can create menus entirely based on graphics.



Features

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

vertical menu in table html Text-based menu
You can create a menu with text-based top items. Such menu will be loaded more quickly on your website (in comparison with image-based navigation).
Menu structure is comprised of HTML nested UL and LI tags. Standards compliant menu structure is simple to customize and update.

sliding menu bar java script Padding and Spacing
Specify various values for padding and spacing for the whole menu and for each separate submenu.

descargar menu con pestanas en css Javascript Sliding Dock Menu Integration with popular web authoring software.
Vista JavaScript Menu integrates with Dreamweaver, FrontPage, and Expression Web as an extension/add-in. Create, insert, modify a menu without leaving your favorite web design framework!

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

Size
You can set the size of the menu in pixels.




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

36 Eye-Catching Jquery Navigation Menus If you are a big Mac fan, you will love this CSS dock menu that I designed. ... 26. Sliding JavaScript Menu Highlight 1kb. This sliding hover effect script is an easy ...

Ajaxian " Great JavaScript and CSS Menu Libraries Webber 2.0 Dock Menu Great example of a dock type navigation. ... jQuery Plugin: Sliding Menu A very simple sliding menu using the effects provided by the ...

Menu | Web Resources | WebAppers Menu- Hunting the Best Open Source Resources for Web Developers | WebAppers

DockMenu3D | Digicrafts Flash Components for Carousel Menu ... This content required Flash Player and JavaScript 1.2. You can download the flash player ... DockMenu 3D makes it easy to add a Mac OS-style dock menu in your flash project. ...

Galleria A JavaScript gallery for the Fastidious Galleria A JavaScript gallery for the Fastidious ... tagged 'lomo' with black borders, slide, image crop and static dock. Fullscreen gallery with Flickr images ...

Hot!Ajax Magazine Hot!Ajax is a blog aimed at share top quality resources for web developers and designers. ... X-Style Dock Menu in Javascript. Mac-like icon dock (v2) OS X Style Docks & Stacks ...

Flash Dock Menu Template Flash Dock Menu Sliding Menu Pictures Flash. Create professional DHTML/JavaScript Menus for your Website with Vista Flash Menu!

20 Excellent JavaScript Navigation Techniques and Examples JavaScript allows you to add interactivity and feedback, making the user's experience ... This sliding hover effect script is an easy technique for highlighting menu items. 12. ...

13 Awesome Javascript CSS Menus | 9Tricks.Com - Tips - Tricks ... Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus

Awesome Javascript CSS Menus - httpartist.com 1) Sexy Sliding Menu - Andrew Sellick decided to use mootools due to the smoothness of ... Dock Menu. 12 ) jQuery Plugin: Sliding Menu- A very simple sliding ...

DockMenu3D | Digicrafts Flash Components for Carousel Menu ... This content required Flash Player and JavaScript 1.2. You can download the flash player ... DockMenu 3D makes it easy to add a Mac OS-style dock menu in your flash project. ...

Powerful Accordion Menu BySlideMenu plugin for Mootools Mootools plugin which allow you to easily create a beautiful accordion menu on any element you want (ul/li, div, p ...) using images and/or text.

300+ Jquery, CSS, MooTools and JS navigation menus If You are web developer, great navigation menus always comes handy. I united this list ... MAC OS X dock effect; 32. SlidingMenu very simple sliding menu using the effects ...

20 Excellent JavaScript Navigation Techniques and Examples JavaScript allows you to add interactivity and feedback, making the user's experience ... This sliding hover effect script is an easy technique for highlighting menu items. 12. ...

Sexy Sliding Menu for script.aculo.us " Andrew Sellick It's been a while since the original post Sexy sliding JavaScript side bar menu using mootools so I decided it was about time I pulled my finger ...

Cubicle Muses - Flash to Javascript: One Menu's Journey When you click on a menu link below the banner, the Javascript populates the sliding menu by copying the menu elements from the now hidden lower navigational menu. ...