Kwicks With Submenu by Deluxe-Menu.com
Kwicks With Submenu

Template:

iPhone 9 Template - CSS Drop Menu






    - Several menus on one page
    - Status string shows item labels
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - Text aligned to left
    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position




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

Menu Screenshots

Kwicks With Submenu Javascript Simple Menu

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

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
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!
Slide Down Menu Kwicks With Submenu
Cost Effective
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
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I found some strange things while positioning the javascript hide menu. Does javascript hide menu behave different depending on where you are hosting your site?

A: Deluxe Menu is a Javascript product. It means that it works on aclient side only and it doesn't depend on the server which you're using.

Create us an example and send us a direct link to this example on bothhosting. We need to check it.



Q: I am interested in purchasing your product (in particular – Mac Tabs). I downloaded a trial to test Mac Tabs. The trial Mac Tabs is not the same as shown on your website where the “links” appear horizontally under the “tab”. In this trial version the “links” appear as tabs also and not in a horizontal bar under the tab.

In testing the XP Tabs trial, I found it worked correctly.

Is there something wrong with the trial version of Mac Tabs?


A: See, if you want to add links to the tabs you should create your tabmenu in Tab mode.
  var tabMode=1;

You can find all instructions how to create such tabs in the Templatewindow "MAC" tab.

You should add subitems for the items and assign Tab Style for thesubitems.

For example try to use MAC Style 2 Tab Mode.


Q: I am unable to make content show for each tab in the dhtml tab navigation.
I can make it open a new webpage, but that isnt what I want.
What I want is when the visitor clicks a tab, then content for
that tab shows, on the same page, and the tab menu still there.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],




Q: How can I create an image based tabs with the javascript tabs generator.

A: To use Image templates you should add separators between the items and assign Tab Style for the items.
To make a separator set an Item Text value into '-'.

You'll have the following bmenuItems   var bmenuItems = [
['Item 1','', '', '', '', '', '1', '','', ], //assign Individual Style 2
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 3','', '', '', '', '', '','', '', ],
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 5','', '', '', '', '', '2','', '', ], //assign Individual Style 3

;


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