Scrolling Menu In Css Indexhibit by Deluxe-Menu.com
Scrolling Menu In Css Indexhibit

Template:






    - Items with icons
    - Filters and Transitional effects
    - Submenus go over all page objects
    - Top items and submenus have a shadow
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Relative/Absolute menu position
    - 85% transparency for sub menus




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

Menu Screenshots

Scrolling Menu In Css Indexhibit Tree Menu

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

Features

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!
Cost Effective
Javascript Mouseover Pulldown Navigation Scrolling Menu In Css Indexhibit
Easy Setup
  • De Luxe Tuner. GUI interface to create your scrolling menu in css indexhibit menus easily and in no time
  • Sensible menu parameters for manual editing
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 scrolling menu in css indexhibit samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: My office-colleague gilles petremand just bought your "deluxe menu" and all-in-all it looks great!!!!

What we don't manage to do is to create a moving java menu sample based on.

Is this only possible with the "ms office toolbar-like mode" 'coz we'd like to use the image based menue template and change it to a moving one - POSSIBLE?!?

A: To create a movable or floatable menu you should set severalparameters in your data file only.

See more info here:
http://deluxe-menu.com/movable-menu-sample.html
To create movable menu you should set the following parameters:
//--- Movable Menu
  var movable=1;
  var moveWidth=12;
  var moveHeight=20;
  var moveColor="#AA0000";
  var moveImage="movepic2x20.gif";
  var moveCursor="move";
  var smMovable=1;
  var closeBtnW=13;
  var closeBtnH=16;
  var closeBtn="closebtn.gif";

http://deluxe-menu.com/floatable-menu-sample.html
To create floatable menu you should set the following parameters:
//--- Floatable Menu
  var floatable=1;
  var floatIterations=6;
  var floatableX=1;
  var floatableY=1;



Q: Is there any possibility to change the dynamic drop down menu?

A: You should use API functions.

dtreet_ext_changeItem (menuInd, itemID, itemParams)

More info you can find here:

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



Q: Is there any luck with getting your popup menusto work with the dynamic drive script..?

A: Unfortunately we don't work with dynamic drive script.
But I suppose that you can use it with Deluxe Menu without any problems.
But in that case you should move menuItems and dm_init(); function from your data file tothe html page directly.
For example delete the following code from your data file

  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();

and paste it in SCRIPT tags on your html page in the place where you want to have a menu:

...
<div>
<script type="text/javascript">
  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();
</script>
</div>


Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?


A: In that case you should open images I'm using for top tabs in any graph editor and changethem.

back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)

sep_top.gif // separator for the top items

top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:

["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],

By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],

top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],

and so on...

For the subtabs I'm use images for arrows only:
  var arrowWidthSub=8;
  var arrowHeightSub=8;
  var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]


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