Sliding Hover Effect 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

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

web design pop up menu Orientation of the Menu
Create both horizontal and vertical menus and submenus with any amount of menus on one page.

switch menu code html Create your own button themes
Theme editor helps you create your own themes or modify existing ones.

sliding menu selection html Sliding Hover Effect 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).

Image Navigation
Use images for icons, backgrounds of items. Using images you can create menus entirely based on graphics.

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

  • 1) File menu


    New - to create new project.

    Open - to open saved project. You will be asked if you would like to save the current project in the menu buttons creator.

    Save - to save current project in the project file (*.xwb). When you save to project file, the directory "ProjectName.xwb.icons" is created, where ProjectName is the name of your project file. This directory contains button icons, .css and .js files of the saved menu.

    Save as… - to save current project in the project file (*.xwb) or in the HTML file or to save your project under another name. Choose type from the "File type" list in the "Save as…" dialog and enter project's (new) name. When you save to project file, the directory "ProjectName.xwb.icons" is created, where ProjectName is the name of your project file. This directory contains button icons, .css and .js files of the saved menu. If the menu doesn't have any icons then the directory is not created.

    Save as HTML - to save current project into the HTML file (*.html). Project HTML file will be saved then, and the directory created, containing buttons' images. The directory name will be: "YourProjectName-files", where YourProjectName is the name of the HTML file saved. For example: if you enter "Header" in the "Name" field of the "Save as…" dialog, then "Header.html" and directory named "Header-files" will be created.

    Exit - to close Vista JavaScript Menu application.



    2) Tools

    Export images - to save menu buttons' images as gif-files (*.gif), png-files (*.png) or jpg-files (*.jpg). "Save As…" dialog will appear, where you can either type each button name or leave it unchanged. If you want to save the button images, press "Save". "Save settings" dialog will appear where you can choose image format. Either way (if you don't want the button images to be saved), press "Cancel". This procedure will be repeated for all the menu buttons. When you press "Save", 1 to 3 images are to be saved, depending on the menu type. Their names will be: ButtonName_0.gif - ButtonName_2.gif, where ButtonName is the name you have entered when saving.

    • ButtonName_0 - corresponds to Normal state.
    • ButtonName_1 - Hot state image.
    • ButtonName_2 - corresponds to pressed/clicked state.


    Theme editor - to edit/create new themes.

    Page insert - you can insert your menu into the existing HTML page.

    3) Languages menu


    The "Languages" menu contains the list of available interface languages. English is the default language setting.



    4) Help menu


    Help - to read the help.

    About -show information about Vista JavaScript Menu.


Support

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

FAQ

Related

Dynamic Drive CSS Library- Horizontal CSS Menus Sliding Doors Tabs Menu. This is a two state rollover image tabs menu ... The menu uses two variants of the same background image to create the hover effect, and ...

Free CSS Opacity Transparency Menu Watermark on an image. Css ... This example of css uses an opacity setting to create a hover effect. Using different levels of transparency can create nice roll-overs on your website ...

Download Fresh Bottom Slide Out Menu - This is a jQuery ... Fresh Bottom Slide Out Menu This is a jQuery-driven navigation website menu ... slide animation | navigation menu | hover effect | slide | menu | navigation ...

13 Awesome Javascript Animated Flash Like Menus | DevSnippets A really nice animated menu created using Mootools, with a flash hover effect of an arrow. ... This sliding hover effect script is an easy method to add some flavor ...

Horizontal Menu And Top Navigation Design And Examples This top menu provides hover-effects with visual hints. ... Lava Lamp menu is a menu with a bar/graphic that would slide around using some sort of ...

A List Apart: Articles: Sliding Doors of CSS ... allowing them to slide over each other to create certain effects. ... a border disappears for the current tab, a color changes for the hover state. Is this all CSS can offer us? ...

Sliding JavaScript Menu Highlight This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to ...

36 Eye-Catching Jquery Navigation Menus Also if you want to create a navigation menu, that really stands out of the crowd, jQuery ... This sliding hover effect script is an easy method to add some flavor ...

JSCookMenu and Special Effects I think that Sliding and Fading effects cover probably 99% of demands of special effects. ... mouse hover, thus triggering an unncessary mouseOut event that hides the menu. Some ...

Sliding door effect with JQuery | web enavu This was my first tutorial, but due to some issues with wordpress plugin it was lost, and now it's back :)... We are going to make a nice little animation with ...

How To Create A Mootools Homepage' Inspired Navigation Effect ... As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools

Download Fresh Bottom Slide Out Menu - This is a jQuery ... Fresh Bottom Slide Out Menu This is a jQuery-driven navigation website menu ... slide animation | navigation menu | hover effect | slide | menu | navigation ...

jQuery LavaLamp menu plugin Tutorials jQuery LavaLamp menu plugin Tutorials ... Example 10 is what we are looking for - nice fat links that will work when we click them and also trigger the LavaLamp hover effect. ...

Sliding JavaScript Menu Highlight This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to ...

Vertical Sliding Menu with Jquery | MediaFormations Notable features would include the active styling to your current page, the sliding action of each menu section, the hover effect that shows the ...

JavaScript > Navigation > jQuery powered 6 menu pack > Buy ... This is a jQuery powered lava lamp menu (sliding upper part according to mouse movement). You get all six versions showed in preview: - Two line lava lamp menu with ...