Collapsable Menu Css by Deluxe-Menu.com
Collapsable Menu Css

Template:

iPhone 14 Template - CSS Menu Rollover






    - Items with icons
    - Transition #14 - "fade out" effect
    - Image arrows
    - Filters and Transitional effects
    - Submenus go over all page objects
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Unlimited number of sub levels




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

Menu Screenshots

Collapsable Menu Css Javascript Absolute Position

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

Features

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
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
Simple Javascript Drop Down Menu Collapsable Menu Css
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsable menu css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: For the last two days I've been trying the above product, and I'm very impressed with its flexibility and features, and I'm about to buy it, I have only one question that I couldn't figure out the answer.

I'm using the Navigation BAR TABS. What should I do in order to link one of the horizontal drop menu tabs to the following object 'BLOG' as in the following example / piece of code. (When the user selects one specific tab, a blog should be displayed.

I'm looking towards your reply, as it seems your product is quite fit to perform the job in a straightforward manner.

A: See in Deluxe Tabs there is two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV'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 horizontal drop menu 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: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:

- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?


- I can expand or diminish the number of buttons and links


- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?

- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?


A: 1) No, there is no such tag - <img src=" " >

For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item

in normal, mouseover and selected states.

And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.

Please, see the code of this template.

2) You can create any number of the buttons and links.

3) You can set links for main items and for the subitems.
For example:

  var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
 ["|Link 1_1","http://apycom.com",,,,,,"0"],
 ["|Link 1_2","testlink.htm",,,,,,"0"],
 ["|Link 1_3","testlink.htm",,,,,,"0"],

So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.

4) This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)


Q: Can you provide indication on how to apply the cross-frame mode from your html menu builder?



A: You should create your menu in Deluxe Tuner and save your data file.
Then you should open your data file in any text editor and change your
dm_init(); function.

See more info here:

http://deluxe-menu.com/cross-frame-mode-sample.html



Q: I'd like to be able to right click on items in a collapsible menu and then pick actions to perform from a context menu
Is this possible?

A: You can use API functions

function dtreet_ext_userRightClick (itemID)

See more info here:

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



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