Jquery Vertical Expanding Dropdown Menu by Deluxe-Menu.com
Jquery Vertical Expanding Dropdown Menu

Template:

iPhone 5 Template - Cascading CSS Menu






    - Relative/Absolute menu position
    - Sound support!
    - Image arrows
    - Status string shows item labels
    - Submenus automatically scrolls
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Jquery Vertical Expanding Dropdown Menu Ejemplos Dhtml Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery vertical expanding dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Dhtml Slide Menu Xp Jquery Vertical Expanding Dropdown Menu
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
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!
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.

  • 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: I am using deluxe menus and have a problem with images not downloading when the page loads. Is there a way to instruct the menus to preload the images instead of waiting until a person mouse overs the basic drop down menu for the first time?

I am using images that are called via stylesheet.

A: Please try to add the following basic drop down menu parameter:

  var dm_writeAll = 1;



Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter "  var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?

I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?

I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the "  var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)

Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).

A: 1) See the structure of your tmenuItems is incorrect now.

You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.

2) You should write tleft parameter correctly. Now you have:

//--- Positioning
  var tabsolute=1;
  var tleft="00px";
  var ttop="10px";

Write it in the following way:
  var tleft="10px";

3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.

Q: I just purchased your Deluxe Menu maker. Wonderful tool!  

I have made a menu, uploaded it to my HTML folder at Typepad in the correct place and tried several OTHER places too.  

I have inserted the js snips into the head and body in all permutations of combinations.  

I checked it each time by both opening my site and viewing source.  

The menu is there. But it cannot be seen on the page. Never has been seen. Not even a hint of it being there.  

I tried .js .file   AND .js    AND CSS.  

No menu.  

I checked on four browsers.  

No menu.  

I verified the files are in my index place by copying them to notebook.  

I have done all of the above about 20 times EACH.

A: See, now you have:

<title>The Steel Deal - an oasis of reason in a sea of insanity.</title>

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->


....

<meta name="verify-v1" content="VP25uY4F2NriQQhn7R3wK4aeYoMZpbafF+kkwx+vze4=" />
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="/dmenu.js"></script>
<!-- (c) 2007, by Deluxe-Menu.com -->

</head>

It is not correct. You should call dmenu.js file only once.

Please, delete the second code.

There is now engine .js files

dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js

and data file on your server.



Q: I was trying to work out how to set the target for a link in html tab menu

A: No,unfortunately it is not possible in Deluxe Tabs now.

But you can write your links in the following way:

["Item 1","javascript:window.open('http://www.google.com','_blank','height=600,width=800,status=yes,toolbar=no,
menubar=no,location=no');", "", "", "", "", "", "", "", ],
["Item 2","javascript:window.open('http://www.deluxe-menu.com','_self');", "", "", "", "", "", "", "", ],



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