JavaScript menu, CSS menu, DHTML menu builder - Powerful web menu creator

• Cross-browser
  Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and more.
  
• Cross-platform
  Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.
  
• Cross-editor
  Works with all authoring tools (such as Dreamweaver, Expression Web, NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!
• Cross-CMS
  Works with all CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine, CMS Made Simple, etc.).

AllWebMenus will save you a significant amount of time and effort from programming cross-browser JavaScript menu code just by yourself.

Responsive menus
(for your responsive website designs or standard websites)

You can choose your menu to alter its presentation or behavior on different devices and screen widths, in any of the following 3 ways:

- Different styling
- Different content
- Different positioning

Responsive Menu Example

Optimized menu building with separate javascripts for different browsers.

The javascript engine downloads only a particular javascript file optimized for the visitor's browser. With that method the maximum engine size downloaded is only 55Kb and then it is cached for the entire visit (never downloaded again for the same visitor!).

Note: When you use the CSS Menu Genre option only a single, small javascript file is created for all browsers instead (common).

Section 508, WAI, WCAG, DDA compliance (option for accessible menus).

Through the "CSS Menu" Genre option you can create powerful accessible menus, with keyboard navigation, support for screen readers such as JAWS, etc.

A perfect solution for US, UK, Australian government sites or other websites that require accessible standards.

Full Search Engine Optimization (SEO) support

Through the SEO CSS Menu Addin you have 2 different options for creating SEO-friendly menus, by specifying how your web menu is populated with items and submenus.

Option 1: Using the project's structure, i.e. items that you add to your AllWebMenus project. These items are fetched from its compiled project's file,

OR

Option 2: "On-the-fly", using <UL><LI> items fetched from the loaded page that shows the menu.

Ready-made options for your menu creation through the web menu ThemePacks and Templates.

AllWebMenus Addins (included in the application)

	Generate menus on-the-fly through the Server-Side Menus API Add-in, either database-driven or programmatically generated menus based on your conditions/parameters, on server-side environments such as PHP, JSP, ColdFusion, ASP, ASP.NET, etc. Example using the Server-Side Menus API
	Create menus with sliding submenus, otherwise known as "slide menus", "expandable menus", "collapsible menus" or "accordion menus", through the Sliding Menu Add-in.
	Joomla Menu Add-in/plugin Retrieve your Joomla menu from your Joomla website and import it into the AllWebMenus application to create stylish, feature-rich navigation menus, but not only! Fully customize your joomla menus adding your own non-joomla menu items with external or internal links, html-rich content, colors, borders, effects, designs of your choice and many more. Joomla Menu examples
	WordPress Menu Add-in/plugin Create stylish menus for your WordPress blogs based on the structure of your blog (blog posts, pages, etc.), your own custom menu items or both! Fully customize your wordpress menus adding your own non-wordpress menu items with external or internal links, html-rich content, colors, borders, effects, designs of your choice and many more. WordPress Menu examples
	Drupal Menu Add-in/module Create stylish menus for your Drupal websites based on its structure (pages, stories, taxonomies, etc.), your own custom menu items or both! Fully customize your drupal menus adding your own non-drupal menu items with external or internal links, html-rich content, colors, borders, effects, designs of your choice and many more. Drupal Menu examples

Supports all Authoring Tools

AllWebMenus has a generic approach for adding your javascript menus in your pages with any authoring tool - even a simple text editor!

Read how you can use AllWebMenus with any Web Authoring tool

We also offer special free addins for Dreamweaver, Expression Web, FrontPage and NetObjects Fusion that add to the seamless integration of your menus to your pages:

  - Dreamweaver Templates, Libraries and Includes     free Extension

  - Expression Web     free Add-In

  - FrontPage Shared Borders and Includes      free AddIn

  - NetObjects Fusion Masterborders     free Component

Create menus for framed web sites (cross-frame menus).
Also supports nested frames and iframes.

View demo

Use your own HTML code on selected menu items to achieve enhanced formatting or advanced functionality, from a simple working link, up to forms, flash objects, search boxes, even full-scale web pages!
(supported through the enhanced <Text> property)

or create mega drop-down menus (click to see how):

Use Rounded Corners, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

You can adjust the roundness of each corner all together or even separately! (see submenus in menu screenshots below)

View Menu Rounded Corners Example

 

View Item Rounded Corners Example

Apply Shadows at both groups (Main Menu, submenus) and items, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

You can adjust the appearance (color, opacity, offsets, blur, spread) of each shadow all together or even separately!
(see submenus in menu screenshots below)

View the "Menu Drop Shadow" Example

 

View the "Menu Drop Shadow on Items" Example

Use Group Padding, as space between the item borders and their group's borders (edges). This space is filled by their group's background, which can be any color or a background image (texture, etc.).

You can adjust the padding of each side all together or even separately!

View Padding Example

“Automatic Item Highlight” feature, which specifies whether an item whose property matches the URL of the loaded web page will show as selected.

Example:

If your web menu has a “Company” item that links to the company.html page:

...and you browse the following URL:

...your menu can appear as follows:

 

Similarly, the "Show Item or Group on Appear" property allows you to choose a particular item to show as "selected" (highlighted) or a group to appear when the menu is initially loaded. See example

Vertical Scrollbar for vertical Groups now available
(supported through the enhanced <Type> property)

Note: Automatic Scroll on Mouse Over also available since v5.1.774. example

Multiple Rows and Columns on submenus now available
(also supported through the enhanced <Type> property)

Multiple Rows:

Multiple Columns:

Floating Images can now be added to any of your menu items, allowing for even more creative menu implementations.

OR

Create any kind of web menu fast by using pre-designed menu themes from the Theme Gallery.

Examples of free themes included in the distribution:

Also view free ThemePack 1 and additional ThemePacks 

40 Icons now available into the new "Icons" Category of Image Gallery.

Example Menu Projects added to the distribution for free.

- Unique RTL support for Right-to-Left language implementations (such as Arabic, Hebrew, Persian, etc.) on your dhtml menus.

- Can display all languages in the javascript menu text through full unicode support, such as:
Arabic, Basque, Bulgarian, Catalan, Chinese (Mandarin), Chinese (Simplified), Chinese (Traditional), Croatian, Czech, Danish, Dutch, English, Estonian, Filipino (Tagalog), Finnish, Canadian French, French, Galician, German, Greek, Hebrew, Hindi, Hungarian, Icelandic, Indonesian (Bahasa), Italian, Japanese, Kazakh, Korean, Latvian, Lithuanian, Malay, Norwegian, Persian (Farsi), Polish, Brazilian Portuguese, Portuguese, Romanian, Russian, Serbian (Cyrillic), Slovak, Slovenian, Spanish, Spanish (Mexico), Swedish, Thai, Turkish, Ukrainian, Urdu, Vietnamese, and many more!

- Can also display all symbols available in unicode, such as math symbols, etc.

View demo

Create, link and update a web menu into your web pages in no time and without any code required.

Use multiple menus in the same page.

Use "separate" borders on any side (top, bottom, left, right) of Groups or Items.

 

Keyboard Navigation on menus by using the arrow keys (optional).

Full documentation on all features and properties! The HELP file is about 647KB offering you complete support on your design efforts. A complete printable manual can also be downloaded.

Free Sitemap generator based on the functional web menu structure. The most effective solution for search engine optimized (SEO) menu implementations.

Read more

Use three flexible ways to position your menus:
- using window coordinates
- attaching the web menu to any element inside your page
- attaching the web menu to an image that already exists on the page

Edit CSS menu properties through a WYSIWYG interface.

Use menus with Shared Borders, Templates, Libraries and more.

Choose among many options on "How", "When" and "Where" the submenus appear.

Choose among many options on "How", "When" and "Where" the submenus disappear.

Use the Advanced Copy/Paste functionality to quickly transfer any value among menu items.

Specify an alternative URL (without a menu) to open when a user has an older browser that does not support DHTML and Javascript (optional).

Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Quick Help for that property.

Use Sticky submenus. A sticky submenu does not close unless you move to another item that has a submenu or click on the page. This is how the Windows "Start" menu works.

View demo

Add AJAX menu effects to your items.

Use popup and hidden menus that appear on events specified by you.

View demo

Use static or animated images for both background and content.

Create effects by using different property values for three different item states: the "Normal", "Mouse Over" and "Mouse Click" item states.

Floating menus: Keep the menu visible in the same position while scrolling using either smooth or immediate scroll.

Or use the "Advanced Floating Menu Add-in" for conditional effects, such as placing a 'floating menu' at specific sections of a scrolled page.

View demo

Specify Javascript Commands to be executed:
- when any menu item gets clicked
- when any submenu appears or disappears
- when the Main Menu appears or disappears

This feature allows you to create fully extensible menus!

Use both vertical and horizontal submenus at any possible combination (see the "Links" item of the menu on our web site)

View demo

Use Header and Footer on the submenu groups and allow the user to drag the menu from its Header.

Use "Distances between menu items" and assign optional "Statusbar Text" for each item.

Use several unfolding effects for the submenus:
- Blinds, Iris Star, Pixelate, Radial Wipe, Random Bars, Random Dissolve and many more...