Collapsible Content Javascript With Arrow by Deluxe-Menu.com
Collapsible Content Javascript With Arrow

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus automatically scrolls
    - Horizontal or vertical orientation
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Image arrows




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

Menu Screenshots

Collapsible Content Javascript With Arrow Popup Menu Sample

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!
Javascript Hide() Collapsible Content Javascript With Arrow
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible content javascript with arrow menus easily and in no time
  • Sensible menu parameters for manual editing
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.

A: You should check the following parameters:

  var shadowLen=3;
  var shadowColor="#B1B1B1";
  var shadowTop=1;



Q: I'm having a problem with the new v3.9.2 javascript menu source. The drop-down submenus are now going "up" instead of "down".

I've tried the conversion steps in your email and I have even rebuilt the menu from scratch in v3.9.2. In the Deluxe Menu Preview window, the drop-down sub-menus behave properly - transitioning down below the horizontal menu. But it FireFox3, IE7 and Chrome the submenus appear above the horizontal menu.

Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is not evident in FireFox3 or in Chrome.

A: Set the following parameter:

  var subMenuVAlign="top";

> Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is
> not evident in FireFox3 or in Chrome.

Transitional effects are features of Internet Explorer 5.5+ only.

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

Q: My question is how can I change the size and color of the font for the
main items in the simple dhtml menu, not the drop downs?


A: You can use Individual Item Styles in that case:
http://deluxe-menu.com/individual-item-styles-info.html

Set the style you need for subitems:

  var fontStyle=["normal 11px Trebuchet MS, Tahoma","normal 11px Trebuchet MS, Tahoma"];

Set the style you need for main items:

  var itemStyles = [
["fontStyle='bold 12px Arial','bold 12px Arial'"], // style 0
];

Assign this style for main items:

  var menuItems = [
["Scenic album","scenic-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 9","", "", "", "", "", "", "", "", "", "", ],>  ["|Item 10","", "", "", "", "", "", "", "", "", "", ], ["Floral album","floral-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Southwest album","southwest-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Wildlife album","wildlife-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
];

Q: I'm trying out the cross-browser (top to bottom) drop down menu and I was wondering if it was possible to have the top bar (the main items) use a background image while the sub-items beneath used a plain background color and no image?

So far I've gotten them to either both use a background image, or both use a background color. Any advice would be greatly appreciated. :)

A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image for the items

  var itemStyles = [
["itemWidth=92px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).

["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],



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