Javascript Menu Desplegable Vertical by Deluxe-Menu.com
Javascript Menu Desplegable Vertical

Template:

iPhone 4 Template - Expanding Dhtml Menu






    - Items with icons
    - Filters and Transitional effects
    - Search feature - add the search area in the menu and type symbols.
    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - 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

Javascript Menu Desplegable Vertical Moving Dynamic Menu

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

Features

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
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 Dhtml Expand Vertical Javascript Menu Desplegable Vertical
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu desplegable vertical menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu desplegable vertical samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have a couple of questions related to the deluxe-menu software. Here they are:

I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all java script drop menu items need to have subcategories. For example:

Category 1

      Sub-menu 1-1

      Sub-menu 1-2

      Sub-menu 1-3

Category 2

      Sub-menu 2-1

      Sub-menu 2-2

      Sub-menu 2-3

Category 3

Category 4 When someone click on the "Category 1" or "Category 2", I want them to see the sub-menus. However, when some click on "Category 3" or "Category 4", I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all java script drop menu items need to have sub-menus… I hope that makes sense and you can help me on getting this done.



Thanks in advance and looking forward to your answers,

A: You cannot use links for the top java script drop menu items in XP Style only.

  var tXPStyle=1;

but you can write:

["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],



Q: Can I center the css dropdown menu on page?

A: You should set relative position for the menu:

  var absolutePos=0;

and place it in DIV or TABLE with center alignment.



Q: I can not figure out how to get drop-down menus to show up in the Add-Ins on my Microsoft Front Page.

A: Deluxe Menu wasn't developed as Dreamweaver/Microsoft Front Page extension,
BUT you can use it as standard Javascript files. To install the menu
into your html page:

1. open the page in Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

Notice also that some web editors won't display correctly javascript menus,
you should preview your website in the browser.



Q: I purchased the full package for the application. Great job!
I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards.
I am trying to find out how to generate and customize POPUP WINDOWS.


A: To assign popup windows for links on your page do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

Change parameters of windows in data files, for example popup-window-XP.js.
Open it in any text editor.

2) Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.

For example select HTML content (winContent parameter in the 'Common' section), for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) For example: open the popup-window-XP.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:

...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script>
<script type="text/javascript" src="popup-window-XP.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

5) Copy 'popup-window-XP.files/' folder and popup-window-XP.js file into the samefolder with your index.html (root folder of your website).


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