Jquery Accordion Menu Vertical Data by Deluxe-Menu.com
Jquery Accordion Menu Vertical Data

Template:

Dark Orange Menu Template - CSS Dhtml Menu






    - Submenus dropdown on mouseover
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - 85% transparency for sub menus
    - Text aligned to left
    - Submenus go over all page objects
    - Horizontal or vertical orientation
    - UL/LI items structure




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

Menu Screenshots

Jquery Accordion Menu Vertical Data Style Dhtml Mouseover

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
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
Menu Windows En Javascript Jquery Accordion Menu Vertical Data
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!
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery accordion menu vertical data samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I make buttons in the navigation bar example transparent?

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";

Q: The dhtml css drop down menu hides under the flash videos an the flash header in firefox, it works alright in IE and I hae been on your FAQs an followed the transparent code to add to the flash to make the menu appear and adding the code to the data file but it still doesnt work. Could you look at the source code of the site and show me an example of how it would work and what edits I need to make as it’s very frustrating that I cant launch the site without this.

A: See how you should install the menu with flash for Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html

You should set "opaque" parameter for your flash, set the followingparameter

  var dmObjectsCheck=1;

and add
function dm_ext_ruleObjectHide()
{
return false;
}
in the beginning of your dhtml css drop down menu data file.



Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

  var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

Q: I have a question about your code for drop down menu; I was searching the internet for some programs that could generate a good menu for me. I came across your program deluxe tuner. It said it was freehowever it seems as if you need another program to get this one to work although it looks like deluxe tuner does everything I need to do. Anyways I am having a serious issue. The program generates the navbar perfectly fine, the problem is getting it to import into my web page. I tried the instructions below in dreamweaver CS3 severaltimes. I then tried to do it to a blank web page still nothing. I go into the source code and paste the code that this program generates exactly where I am told to place it then I also place the other code where I would like the navbar to be. Nothing happens I preview my site and I just get a blank page??? I placed the source files under the root of the web folder; I double checked the code to make sure that it is pointing to the source files. The Main .Js file sits in the root folder the same folder that the page is in, and the other .js files sit under a folder called “ NavBar.files “ that deluxe tuner generated for me.What could I possible be missing?? If I need to pay for the program I defiantly will but not until I get an answer on this question.

A: Your installation seems to be correct.

Please, check that you have all files for the code for drop down menu in the correctplaces, for example:

NavBar.files/
dmenu.js
....
*.gif
...
index.html
NavBar.js

Try also to set exact width for the code for drop down menu, for example:

  var menuWidth="400px";



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