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




Create both horizontal and vertical menus and submenus with any amount of menus on one page. Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu. When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu you should use scrollbars.



Features

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

multilevel treemenu param Ready to use button templates and submenus themes.
In the Themes toolbox you can choose selected buttons and submenu themes for web appearance.

javascript jum menu Save project. Save your image buttons as html
You can save current project in the project file (*.xwb) or into the HTML file (*.html).

expanding menu templates 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!

Css Drop Down Menus
Create drop down menus based on css using Vista JavaScript Menu. Make various styles for each submenu item adjusting css styles.

Button State
You can create 1-state, 2-state, 3-state and 3-state toggle buttons using Vista JavaScript Menu. 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.




2.0 Buttons by Web-Buttons.com v3.0.0

How to Use Javascript Menu Generator

  • Web buttons and icons properties

    This toolbox is for adjusting submenus properties. When you change submenu properties all submenus in the menu will be changed.

    Text - type the submenu's item text here.

    Link - the link that is to be opened when user clicks the item. For example: http://www.vista-buttons.com. You can also click "Open" icon to the left of the "Link" field to select the page you want to link to.

    Link target attribute - link behavior adjustment. Link target attribute tells web-browser where to open the linked page. This attribute represents the Target attribute of the link (<a> tag in HTML). You can either enter your target value in the field or choose from the predefined attribute values in the list.

    If you enter your own value, it must be a window or a frame name. Note, that names are case-sensitive. The linked document will then be opened in that window/frame.

    Predefined attribute values:

  • _blank - Browser creates a new window for the linked page.
  • _parent - Linked page replaces the current frame's framesetting page (if one exists; otherwise, it acts like _self).
  • _self - Linked page replaces the current page in its window or frame.
  • _top - Linked page is to occupy the entire browser window, replacing any and all framesets that may be loaded (acts like _self if there are no framesets defined in the window)

  • If you leave the field clean then the linked page will be opened in the same browser window.

    Hint - specifies the tooltip that is shown when you hold the mouse over the item for a few seconds.

    Padding parameters - If you want to specify padding around the whole submenu you should set Padding parameter. If you want to specify padding around submenu items you should set Items padding parameter.

    Border width - Set Border width parameter if you want to specify border around the whole submenu. If you want to specify border width around each submenu's item you should set Items border width parameter.

    Border color - set border color around the whole submenu.

    Background color - set background for the whole submenu.

Support

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

FAQ

Related

jQuery Dock Menu Tutorial Revisit - Dock at Bottom I have created a tutorial regarding top dock menu few weeks ago. Due to popular demand, I have created another tutorial that will dock at the bottom of the page. ...

Flash Components - Horizontal Flash Menu XML - Dock Menu FX Mac OS X Style Dock Menu - the 3rd version of the most purchased product on FlashComponents <b>NEW! Now both AS2 and AS3 versions are available!</b>

Javascript menus navigation | cssgallery.info We'll try to add some js scripts for nice menus. Note that some may use different libraries/frameworks.

roxes's profile on Css Globe The Easiest Javascript Sliding Door Effect Tutorial with jQuery ... jQuery Dock Menu Tutorial Revisit Dock at Bottom. jQuery Sliding Tab Menu for Sidebar ...

Sexy Sliding Javascript Menu With Mootools MENU. Sexy Sliding Javascript Menu With Mootools. Rating: Code Detials ... Mac OS X-Style Dock Menu in Javascript. Remember the time when I introduced Nice List of ...

Flexible JavaScript Tree Menu: dTree Free Web Resources Everyday - WebResourcesDepot ... Feature-Rich JavaScript Tree Component: jsTree. Dock Menu Script For Functional Navigations. Lightweight Multi ...

35 Easy to use Free Ajax/Javascript Navigation Solutions ... The article is split into the following categories: General Nav, Tabbed Menu, Tree-Style Menu and Dock Menus. ... It is a very simple sliding menu using the effects provided by ...

DHTML Site - Your source on Dynamic HTML Tutorials and ... Expand/Collapse sliding list built based on mootools javascript library. ... dock menu that I designed. It is using Jquery Javascript library and Fisheye component ...

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 ...

roxes's profile on Css Globe The Easiest Javascript Sliding Door Effect Tutorial with jQuery ... jQuery Dock Menu Tutorial Revisit Dock at Bottom. jQuery Sliding Tab Menu for Sidebar ...

CSS Dock Menu Tags: Javascript. If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. ...

Flash Components - Horizontal Flash Menu XML - Dock Menu FX Mac OS X Style Dock Menu - the 3rd version of the most purchased product on FlashComponents <b>NEW! Now both AS2 and AS3 versions are available!</b>

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. ...

Mac OS X-Style Dock Menu in Javascript | Hot!Ajax Magazine homepage http://safalra.com/web-design/javascript/mac-style-dock/ Demo Download

Sliding menu using jQuery | jQuery | ilovecolors This time we'll be building a sleek menu using jquery and some styles. ... Sliding Image Puzzle Plug-In Creating A Fading Header Sliding menu using jQuery CSS Dock ...

jqDock jQuery Fish Eye Menu jqDock jQuery Fish Eye Menu - Open Source Resources for Web Developers ... Mac OS X-Style Dock Menu in Javascript. Create Fancy Thumbnail Hover Effect with jQuery ...