Html Vertical Sliding Menu by Deluxe-Menu.com
Html Vertical Sliding Menu

Template:

Black Rounded Template - Mouse Over Drop Down Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Several menus on one page
    - 85% transparency for sub menus
    - Status string shows item labels
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Html Vertical Sliding Menu Css Professional Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your html vertical sliding menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Drop Menu Code Html Vertical Sliding Menu
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
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



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have a table with uneven Rows, Cols.
I would like to make popup menu in java script that displays menu next to "2006","2007" or "2008" when I move mouse to these items.  

I tried but it not work the way I would like to see.  

But I think it is Possible.

A: See how you should create Popup menus here:

http://deluxe-menu.com/popup-mode-sample.html

Q: ["item text", "javascript:your_code_here", ...]

This won't work the java script executes when the link is clicked it is not the link itself.
Below is what I normally use and how would I incorporate that?

<a onclick="NewWindow(this.href,'name','490','400','yes');return false;" href="web/equipment/hydraulic_truck.htm">


A: I'm not sure I understand you.
You can use

NewWindow(this.href,'name','490','400','yes');

code in an item link:

["text", "javascript:NewWindow(url,'name','490','400','yes');"]

But if you don't want that, you can just insert <a> into an item text.


Q: Hello, you write, that your menu is search engine friendly.

But viewing the source of your samples, I don't see anything search engine friendly in there.

A Javascript is called, that's all, which I doublt could ever be Search Engine friendy?

The only thing I have seen as search engine friendly is the menu you have added at your own homepage.

Can this be set at your menue automatically?

Can you let me know, if the menu supports this kind. Your Features and Functions don't say anything about that either.


A: Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com"&glt;menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?


A: You can create Individual Item Style and assign it to each item insubmenu.

For example:

  var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];

and assign it to each item in submenu:
 ["|Item 7","", "", "", "", "", "0", "", "", ],
 ["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
 ["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],


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