Vertical Menu Css Sliding Panels by Deluxe-Menu.com
Vertical Menu Css Sliding Panels

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Several menus on one page
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Text aligned to left




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

Menu Screenshots

Vertical Menu Css Sliding Panels Dhtml Slide Down Code

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

Features

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



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have one problem you may be able to help with:

If I set

  var tsaveState = 1;

The following errors are generated:

_tls is not defined

tob has no properties

and the menu doesn't display.

If you could help with this I would be grateful.


A: You should use dtree_ss.js file.

You should install your menu so:

<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<script type="text/javascript" src="menudir/dtree_ss.js"></script>

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


Q: First I want to thank you for the great support you provided. I have another question about the dynamic javascript tree. Is there a javascript API to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];

Q: My mainmenu items are not links. So i need no link cursor. My submenu item are links, so i need a pointer(hand).
How can i define 2 different cursors. I tried all the possible settings for the cursor in the program but noting works.
I tried is also with a CSS class for the submenu, but that wasn't also working.
In brief: i want an arrow cursur in my mainmenu, and an hand cursor in my submenu. With smart scroll doesn't solve my problem.
Can you give me a hint to do this.


A: Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


Q: Im working on a menu with your program, and am unable to make the javascript sticky menu save the hover states after you move off the navigation item and onto its child nav items.

For example

Example Nav item 1
-Example Sub Nav item 1
-Example Sub Nav item 2
-Example Sub Nav item 3

When I hover on the Example Nav Item 1, the hover state works, but when I move my mouse down (Im using a horizontal javascript sticky menu) to select Example Sub Nav item 1, I want the hover state to stay selected on the "parent" Nav Item. Is this possible? What is the variable you have to change to accomplish this?

A: Yes, it's possible, please use

  var saveNavigationPath = 1; The javascript sticky menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).



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