Slide Menue Vertikal Hoover by Deluxe-Menu.com
Slide Menue Vertikal Hoover

Template:

Myspace Style Template - Drop Down Menu Bar

 









    - Transition #14 - "fade out" effect
    - Text aligned to left
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Hundreds of pre-designed templates
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Slide Menue Vertikal Hoover Navigation Flyout Javascript

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide menue vertikal hoover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide menue vertikal hoover menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Navigation Menu Slide Menue Vertikal Hoover
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!
Cost Effective



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 changed the parameter from
  var dmObjectsCheck=0;
to
  var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________

I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________

I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...

  var itemStyles = [
["itemWidth=98px"],
];

Or will I have to make all the main menu items/graphics the same width?


A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.

Yes, you can set itemWidth for each main item.

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" , , , ],

["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],

["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],

["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],

["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];


Q: We are using Deluxe Menu for our website. When developing a new menu with longer text we are facing an issue.

JS Code for a menu item (Ajax technology):

[' Introduction &<br>Search Terms',
'/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,''
,'/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Code as above is used to create a the following menu:

We are using <br> as the menu text is too long but the problem we are facing is the space between two line of web menu text.

Can you please let me know how we can reduce the space?

A: You can write your text in the following way:

["<div style='line-height: 10px'> &nbsp;Introduction &<br>Search Terms</div>",
"/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/","","","","" ,"" ,""
,"/TeachingLaw/DeluxeMenu/AmySloan/Room1.js",],

or

['<div style="line-height: 10px"> &nbsp;Introduction &<br>Search Terms</div>', '/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,'','/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Q: The asp drop down menu should indicate with on which page I me just considers
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).

A: Deluxe Menu has only two states normal and mouseover, but
you can highlight menu items in two ways:

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html




Q: Thnx, it works now, just one more question :-)

I use frames on my website, the target frame name is main.
But when i put main as target in the simple javascript drop down menu, it loads as a new windows, do you know what i'm doing wrong?

A: You can set target parameter for all items:
  var itemTarget="main";

Where main - is the name of the frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



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