Dnn Vertical Menu Css Class Example by Deluxe-Menu.com
Dnn Vertical Menu Css Class Example

Menu Screenshots

Dnn Vertical Menu Css Class Example Mouse Over Menus Html

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dnn vertical menu css class example menus easily and in no time
  • Sensible menu parameters for manual editing
Floating Horizontal Menu Dnn Vertical Menu Css Class Example
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dnn vertical menu css class example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: My tree menu has a white border around it. I want NO border. I have experimented with the Menu Appearance items in the "variables" section with no luck.

Lastly, I'm not sure where to put the link code. It's not clear in the documentation.


A: Please, set the following parameter:
  var tXPBorderWidth = 0;

> Lastly, I'm not sure where to put the link code

I'm not sure I understand you. Link is the second parameter in the tmenuItems array.
   ["||about the AAUCM","http://www.614designs.com", , , , , , "3", , , , ],

More info you can find here;
http://deluxe-tree.com/menu-items-info.html


Q: I have a web site in which I am using Deluxe Menu in the top frame as a menu that crosses the frame and a menu in the lower frame that uses it as a menu in the same frame.
However, if a user selects the menu in the upper frame they get the menu that is associated with the menu of the lower frame.
The configuration files are names differently.
Is there a setting that needs to be set for the menu to distinguish between the two menus instantiations?


A: I suppose that you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

<head>

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

</head>

<body>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu.js" type=text/javascript></SCRIPT>
</div>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu11.js" type=text/javascript></SCRIPT>
</div>
...
</body>>


Q: How do I make the submenus sticky i.e. they will not close even when the mouse goes to somewhere else on the page?


A: I've checked your menu in all browsers. I can't see such problem.

You can try to adjust these parameters:

  var transDuration=200; // Delay of a transitional effect (in ms) on submenu's showing.

  var transDuration2=100; // Delay of a transitional effect (in ms) on submenu's hiding.


Q: Thank you so much for your time and assistance - I've been charged with this project and still struggling a little. Considering my total ignorance to code, I'm understanding much better now, but could you please take a look at the page and tell me why I now have double menus and how to correct?


A: It happens because at first you call
<SCRIPT src="CHSD Map_files/data.js" type=text/javascript > </SCRIPT >
and then you paste the content of data.js file in your code.
That's why you have two menus on your page.Please, delete one of them.