Dhtml Jquery Menu Vertical by Deluxe-Menu.com
Dhtml Jquery Menu Vertical

Template:

Red Menu Template - Movable Menu





    - Submenus go over all page objects
    - UL/LI items structure
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left
    - Image arrows




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

Menu Screenshots

Dhtml Jquery Menu Vertical Floating Web Page 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 Dynamique Css Dhtml Jquery Menu Vertical
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml jquery menu 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 dhtml jquery menu vertical 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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have started with the deluxe - looks a little more confusing, but I will persist.

Just to confirm that this is right for me.

1) Will deluxe load quickly?.
2) Will it work with most browsers? Or will user need to download some sort of java file?
3) Can I use it with dreamweaver?


A: 1) Deluxe Menu generally loads faster than other page elements.
It is possible that the speed of showing the menu can be lower if the menu is very large. But it doesn't take so much time.

2) Deluxe Menu works fine in most of browsers on Windows OS, MAC OS, Linux/Unix OS.
More info you can find here:
http://deluxe-menu.com/browsers-info.html

You don't have to install additional software.
Your customer should change security settings in IE to allow Javascript on pages he loads.

When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content.

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

3) Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto 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

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):

http://deluxe-menu.com/deluxe-tuner-info.html


Q: We can't figure out how to implement javascript tabs navigation into our web site.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: I purchased the right to use deluxe-menu because I liked how it worked versus my old menu which is your competitor (milonic menu) in the javascript driven menu market.
However, after using your menu for a few months, I have discovered a problem. When I bought the menu, the claim was made it worked with all doctypes. I use "strict" on my web site and want my pages to validate as strict with W3C or WDG validators.
I get a notice of incorrect copyright when I remove the link to yoursite in the heading of the document. Since this line does not validate,I feel that you should provide an adequate alternative to having a unsubstantiated line in your html code. I have looked over the FAQ on your site and have found no remedy. You have a wonderful product and I wish to continue to use your menu. But this one little bugaboo surely can be fixed on your end by altering the requirement to keep the incorrect copyright from appearing even though it shouldn't appear in my opinion.
For instance, I can alter the line and make the link invisible.

Example: <noscript><a href="http://deluxe-menu.com"></a></noscript>

By making the link invisible with no text, it will mean nobody would see the blatant ad for your site. The incorrect copyright notice does not appear under those circumstances, however it still does not validate.

I just want to create web pages that validate! Please help me as a struggling web author to achieve my goal and still use your menu which I paid for! Thanks for any help you can give me.

I love my deluxe-menu! Please help to keep using it.


A: Thanks for your interest in our products.

Try to move <noscript> tag into the <body> tag.


Q: The submenu should look identical to the main menu but it is not allowing this.
Even though parameters are set to 0 it is showing smart scroll and also not showing the sub menus how they should be.
I also notice and error in the templates window view when I am looking at the javascript onmouseover menu.


A: You've set the exact width for your submenus:

  var smHeight="21px"; // it is the height of the whole submenu

It is not right.

Try to write:
  var smHeight="";

> I also notice and error in the templates window view when I am looking
> at the menu.

Now you have:

  var pressedItem="";

It is not correct. Try to set:

  var pressedItem="-2";

See the attached example.


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