Template:

Grey Menu Template - Horizontal Dhtml Menu

    - 85% transparency for sub menus
    - Inactive/Disabled items
    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Filters and Transitional effects
    - Sound support!
    - Several menus on one page

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: Blog :: More Info

Menu Screenshots

Buy Now! :: Free Trial Download :: More Info

Features

Unrivalled Features

Scrollable, dragable, floating, right-click menus
Keyboard navigation - press Ctrl+F2 to enter the menu
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".
Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
Sound support!

Easy Setup

De Luxe Tuner. GUI interface to create your collapsible menu arrows menus easily and in no time
Sensible menu parameters for manual editing

Vertical Navigation Script Collapsible Menu Arrows

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed collapsible menu arrows samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites
Section 508 compliant

Seamless Integration

Cross-frame support - menus work on frameset-based pages
Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

2.0 Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: More Info

Javascript Menu. DHTML Menu.

You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
Specify various values for padding and spacing for the whole menu and for each separate submenu.
You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
Create separators using your own pictures, size and alignment.

Buy Now! :: Free Trial Download :: More Info

Recent Questions

Q: Is it possible to place the icons on the right side of the menu items for the navigation bar script?

A: Unfortunately there is no such option. But you can use html code inside item's text, forexample:

["Purchase <img src='default.files/icon1.gif'>","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "", "", "", "", "", ],

Q: How do I change the font style for menus to bold, but leave the sub-menus normal in the html navigation bar?
I understandthere’s a “fontStyle” variable, but is there an “itemfontStyle”?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems

//style for the top items:
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!

A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

enableTabScroll not working when adding tabs [Archive] - Sencha Forum

b.btnEl.parent().removeClass("x-btn-arrow"); } }, menu : { items : [ ... layout : "fit", collapsible : false, border : false, items : [

SMF User Help: Introduction

If the category is collapsible (shown by the little arrow symbol), .... The Jump to menu provides a convenient quick method of navigating the forum

How to Actually Change Sidebar Order - Google Sites Help

Aug 7, 2009 ... When you turn off the auto-nav feature, you can create an expandable/collapsible menu by clicking on the left and right arrows on the

Plus/minus signs in expandable side menus [3373] · Textpattern CMS

When full text is shown, the menu is drop-down. An arrow appears when .... Having each group collapsible and having them all 'closed' to

collapsable / expandable menu - Ektron DevCenter

I want to create a menu on the left side of my pages that shows the ... might be indented and maybe have little arrows under the top level

SMF User Help: Introduction

If the category is collapsible (shown by the little arrow symbol), .... The Jump to menu provides a convenient quick method of navigating the forum

RocketTheme • View topic - grunge collapsing sections issue

I'm trying to make the menu stay on the right (sidebar-c position) without any items published to the frontpage

Plus/minus signs in expandable side menus [3373] · Textpattern CMS

When full text is shown, the menu is drop-down. An arrow appears when .... Having each group collapsible and having them all 'closed' to

SMF User Help: Introduction

Once you've registered and logged in, however, the main menu should look a little ... If the category is collapsible (shown by the little arrow symbol),

Spry [Archive] - Dreamweaver Club Forums

Horizontal Menu Positioning · Need toggled arrows with Spry Collapsible Panel · Spry Menu Bar · Horizontal Menu Bar in IE has extra black box and background

Using Moodle: Disabling Topic Collapse for Students

Jul 28, 2004 ... Wasn't someone working on a Collapsible Menu a while back. ... With moodle, I have to hit the positioning arrow, wait forever (because my

.hover is not working correctly.. - jQuery Forum

I am using jquery for my vertical hover menu, but the menus don't behave consitently and ... In the code above I select parent divs of the divs that have an right pointing arrow .... Collapsible menu not working correc

SOLVED; how to display forum in full page?

Agora Forum arrow SOLVED; how to display forum in full page? ... Then add everything to that list except for the Forum Menu Item. ... if you do not have a template with collapsible module positions (shame, this should be

SOLVED; how to display forum in full page?

Using Moodle: Disabling Topic Collapse for Students

Jul 28, 2004 ... Wasn't someone working on a Collapsible Menu a while back. ... With moodle, I have to hit the positioning arrow, wait forever (because my

Spry [Archive] - Dreamweaver Club Forums

Horizontal Menu Positioning · Need toggled arrows with Spry Collapsible Panel · Spry Menu Bar · Horizontal Menu Bar in IE has extra black box and background

SMF User Help: Introduction

Dec 30, 2010 ... Once you've registered and logged in, however, the main menu should ... If the category is collapsible (shown by the little arrow symbol),

.hover is not working correctly.. - jQuery Forum

Default view to hide sub-menu items but viewers can click on the

Aug 1, 2009 ... I hate that the menu only expands by clicking that tiny arrow. Help! ... here's a site I recently created using using "collapsible" menus

slashdot menu - WebDeveloper.com

I am intending to use a collapsible menu similar to that used at http://slashdot .org (left ... var menu, titles, submenus, arrows, bypixels;

RocketTheme • View topic - grunge collapsing sections issue

I'm trying to make the menu stay on the right (sidebar-c position) without any items published to the frontpage

CMS Made Simple • View topic - [Solved] "div overflow" and

The problem is though, that when I make the menu collapsable, it will still show the children .... background-image: url(uploads/andeas03Lft/arrow.gif);