Free Javascript Vertical Collapse Menu by Deluxe-Menu.com
Free Javascript Vertical Collapse Menu

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Image arrows
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Filters and Transitional effects
    - Status string shows item labels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Unlimited number of sub levels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Free Javascript Vertical Collapse Menu Simple Menu Script

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

Features

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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Javascript Template Dynamic Drop Down Free Javascript Vertical Collapse Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your free javascript vertical collapse menu menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm trying out the cross-browser (top to bottom) drop down menu and I was wondering if it was possible to have the top bar (the main items) use a background image while the sub-items beneath used a plain background color and no image?

So far I've gotten them to either both use a background image, or both use a background color. Any advice would be greatly appreciated. :)

A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image for the items

  var itemStyles = [
["itemWidth=92px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).

["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],



Q: I'm facing a problem with "movable menue":

I'd like to use template "data-image-based-1.js" - everytime I try to change it into a movable one, the javascript menu system just blockes and that's it. where do I have to change a setting in order to be able to use this fantastic menue as a movable one?

A: You should set absolute position for the menu when you use movable orfloatable feature:

  var absolutePos=1;
  var posX="100px";
  var posY="100px";



Q: We are facing some problem, in our css drop menu. Please Advise -

When we used "Helvetica" font in deluxe menu, the css drop menu expand, if the above font not installed in user machine.

I would please request you to kindly assist me on the same as the client is getting impatient.

A: It is normal behaviour if there is no such font on the user machine.

You can try to write fonts in the following way:
"fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'"

  var itemStyles = [
["itemBackImage=top.files/,top.files/menuhoverbg.gif","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, , Trebuchet MS'","fontColor=#FFFFFF,#FFFFFF"],
["itemBackColor=#504B48,#7E7666","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'","fontColor=#FFFFFF,#ffffff"],
];

Find another font similar to your font and write it through a comma.If there will be no HelveticaNeue Condensed font on the user machinethe font will be Trebuchet MS.

You should choose the second font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.



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

Joomla! • View topic - [TUT] How to add accordion menus to your

Jul 3, 2008 ... I made a script to add mootools accordion effect to vertical .... web2host.co.cc - Quality Free Hosting without ads - Joomla! auto-installation! ..... I get one JavaScript error resulting in the menu not collapsing on

Vertical Navigation flyout 5 deep CSS

I would suggest looking into a javascript alternative. ... Use unordered lists to achieve the structure of your menu, and then add a class name of ... you mouse to the right too quickly the menu collapses and disappears... any suggestions? ... It's a free script, unless you want the Pro version

amMap support forum / Stop area being clickable

Free for all commercial license owners. ..... [#000000] (hex color code) colapse button arrow color (background .... [10] (Number) vertical and horizontal gap between legend entries --> .... "title" is the text which will appear in the menu, and "function_name" is your JavaScript function name which

Forum Swt Menu Background Color Template - Javascript Menu Template

Free Script Javascript Tree Menu Templates ... Menu Vertical Desplegable horizontal collapsible menu buttons ... Css Collapsible Menu Template of Day

Inserting JavaScript ads or content in the header of your networks

Dec 30, 2009 ... Then once the JavaScript in your Analytics box loads, ... I basically set the header to a set height, pushed the title and menu to the bottom of the div so it left the top free. ... border-collapse: collapse; } table.sitesbar td { ... <div id="topbar" style="text-align:left; vert-align: top;">

S5 Vm Accordion Menu Ie Forum Template

Css Drop Down Menu Vertical Hiercharchy Iweb Menu Li Ohne Javascript ... Pop Menu Html Snipit WEB 2.0 Style 10 - Graphic Buttons · Free Joomla Spiritual ... install that includes demo data) * Fully collapsible module positions * Lytebox

Expand/Collapse Paragraph [Archive] - WebDeveloper.com

[Archive] Expand/Collapse Paragraph JavaScript. ... Yes, all the scripts on this site are free for personal or business use. ..... vertical-align: middle; } Ul { margin-left: -1.5em; padding-left: 03em; ..... value but it doesn't like that, it just prints out when the menu is expanded and not the actual paragraph

Un menu CSS vertical multi-niveaux

Meilleure réponse: SALUT en voila un sans javascript !! adapte le a tes ... Je dispose d'un menu CSS vertical avec des sous-menus. ... Meilleure réponse: mais si en css compatible ie6 il y a ça http://bormat2.free.fr/menu-déroulant.html .... .menu table { position: absolute; border-collapse: collapse; top: 0pt;

Scratch Live version 2.0.0 | Serato.com

Apr 6, 2010 ... Free DJ FX Plugin for Scratch Live - 2 FX units with 3 chained effects per unit. ... Classic Vertical Mode - Classic 2 deck vertical mode. ... For each rule you can choose a field to match on from the drop down menu. ... History sessions now resize better when collapsing and expanding

Multiaxis with vertical names

Multiaxis with vertical names, Expand / Collapse. Rate Topic. Display Mode ... Please feel free to revert in case you have any further queries. Thanks, Sanjukta ... You cannot post JavaScript. You cannot post EmotIcons

Headphones (full-size) - Head-Fi.org Community

... Sennheiser-CX-500-B-In-Ear-Headphone-Black, Sony-MDR-EX500LP-Vertical-In-the -Ear-Style-EX-Style-Headphones, BOSE-R-Triport-Headphone-Silver

RocketTheme • View forum - RokNavMenu

Aug 27, 2010 ... RokNavMenu is a flexible menu system to replace the default Joomla module ... Is it CSS or Javascript? by SisyphusCafe » Sat Nov 07, 2009 12:06 am: 0 Replies ... Expand and collapse submenu in vertical mode ... Free Joomla Templates, Free WordPress Themes, Free phpBB3 Styles, Free Drupal Themes

PHP-Fusion Themes - Discussion Forum: FREE drop down menu code

I put together a test theme for the vertical drop down menu. ... The java script has to be called in the theme.php file just after the global statement line. ..... function openside($title, $collapse = false, $state = "on") {

Imagevue Forums ~ View topic - X2 updatelog

Fixed collapse bug in main menu. 15. October 2008. It's been a long time since last update, ... admin config list javascript fixed (Added 17.10.2008) ... Fixed folderdescriptions image.onload max vertical position .... With this release, feel free to proceed with configuration and/or theme changes!

Joomla! • View topic - [TUT] How to add a drop down mootools menu

Ok so let's say hypothetically I've got the javascript down and ... How do i get the submenus to use transitions? like collapsing when i roll off of them .... Thanks Brad, when I get some free time I'll try to make this .... However in IE 7 the menus appear as a vertical list instead of horizontally

Vertical blinds design

Mar 16, 2009 ... Vertical blinds design, Expand / Collapse. Rate Topic. Display Mode. Topic Options ... Feel free to try our products... Download Ra Workshop Ultra Lite Free: ... You cannot post JavaScript. You cannot post EmotIcons

Mambo Components, Modules, and Mambots Resources - Mambo - Forums

Enhanced version 2.0: Added AutoAds, Collapse. ... A Mambo shoutbox module which uses javascript to dynamically add shouts and update itself from the .... The world's first free solution for maintaining a performer's touring calendar. .... Instantly add a horizontal or vertical tigra menu system to your mambo site

Mouse Over Image Enlarge off the cursor

It's a modified version of free code from javascriptkit.com. ..... color: # 5A86B3; vertical-align: top; } .menu { background-color: #F1F3F5 ..... border- collapse : collapse; } .cartupgradelist td{ border : 1px ... I have scanned the javascript and can only see Largetitle, borderbot and trailimageid

siteground43 template menu - Web Hosting Forum - Web hosting

Dec 6, 2007 ... vertical-align: middle; font-size: 10px; text-align: left; ... border-collapse: collapse; } table.moduletable th { .... Other Software and Applications, SiteGround Free Resources ... incorporating javascript menu in a php template, pbcommun, Other development topics, 0, 08-19-2005 11:21 PM

UDM4 Bug/Complaint re: Fixed width horizontal menu first level

Here's what I am trying to do, done with the free son of suckerfish dropdown: ... to 7.2 applying a fixed width to floated and positioned elements is problematic - the navbar might collapse, ... accessible javascript menu

Slideout Menu

Feb 12, 2010 ... 'border-collapse:collapse;\n'+ ... 'vertical-align:'+o.hdingvalign+';\n'+ ..... Plus these edits on the "menu" javascript sheet

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

Search for the menu tag and remove the collapse parameter (since you need the full ... Edit the stylesheet "Navigation: Simple - Vertical" and add following lines at the end: .... to have the accordeon effect on mouse over change the navigation.js: ..... CMS made simple is Free software under the GNU/GPL license

Javascript not working. Hosting it at google sites. - Blogger Help

Jan 17, 2010 ... I don't know if there are other free hosts that do javascript. .... vertical- align: baseline; ... border-collapse: separate; border-spacing: 0; ...... I am creating a custom template with a dropdown menu to match the one

Foldout Menü vertikal mit 2 Subebenen

26. Okt. 2007 ... <html> <head> <title>DHTMLCentral.com - Free Dynamic HTML Scripts - FoldoutMenu ... Scripts, Free Scripts,menu,foldoutmenu,hierarchical,expandable,collapsable, outlines ..... Brauche dringend Hilfe bei meinem Menü Script