Kwick Vertical Sliding Menu Tutorial by Deluxe-Menu.com
Kwick Vertical Sliding Menu Tutorial

Template:

Olive Menu Template - DHTML Navigation Menu






    - Search feature - add the search area in the menu and type symbols.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Items with icons
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - UL/LI items structure




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

Menu Screenshots

Kwick Vertical Sliding Menu Tutorial Javascript Horizontal Menu Tutorial

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

Features

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



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?

A: The reason is in your style

TD {
VERTICAL-ALIGN: top
}

Try not to define style for Table, TD, TR elements they can affect themenu.

Set also the following parameter:

  var itemAlignTop="center";



Q: I cannot see the shadow on the top items of the menu. Can you help me?


A: Now you have shadow the submenus only, if you want to have shadowfor the top items you should set the following parameters:

//--- Transitional Effects & Filters
  var shadowLen=4;
  var shadowColor="#B1B1B1";
  var shadowTop=1;

You can see the shadow in Internet Explorer 5+ only.

See more info here:
http://deluxe-menu.com/filters-and-effects-sample.html


Q: We are testing your css drop down menu and everything is fine, except for the slow load in IE7.
After the page is loaded, the first time we open each item it takes a lot of time to appear.

Do you have any solution for this problem?

A: Check that you've set the following parameter:

  var dm_writeAll=0;

You can also try to turn off transitional effects:
  var transition=-1;

And adjust the following parameters:
  var smShowPause=100;
  var smHidePause=500;

Q: Everything works perfectly on Firefox, nothing works on IE6.

No rollovers, no drop downs.


A: You should the following parameters

  var menuBorderWidth="0";
  var itemBorderWidth="0";

These parameters cannot be empty.


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