Smart Scrollable Submenus Javascript Scrolling Menu by Deluxe-Menu.com
Smart Scrollable Submenus Javascript Scrolling Menu

Template:






    - Cross-frame support - menus work on frameset-based pages
    - Search feature - add the search area in the menu and type symbols.
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Submenus automatically scrolls
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 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

Smart Scrollable Submenus Javascript Scrolling Menu Dhtml Xp Start Menu

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed smart scrollable submenus javascript scrolling menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Movable Menu Smart Scrollable Submenus Javascript Scrolling Menu
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
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am using cross frame menu dropdown. I have three frames: Top, Left and main (middle).

I am using the script and data from your sample file; it works fine. Only problem is submenu is offset to the right. It does not show up exactly down below the top menu.

What could be the problem?

A: Deluxe Menu doesn't work correctly (incorrect submenu position) if youhave complex frame structure.

The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, so submenus drop down with an offset.

You should create, for example, the following frameset structure:

--|------------
   | menu
--|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine a width of the 1st column in the second row.

You should write init function in the following way in that case:
dm_initFrame("mainframe",1,3,0);



Q: Can I request something for your next version please.....individual javascript list menu border colours, I think it would then be possible to create a dropped shadow effect perhaps :)

A: You can use different colors for each border side now.

For example:
  var menuBorderColor="#C0AF62 #4949E0 #000000 #B31E1E";

top          right      bottom      left





Q: When I load a page the first tab of the creating tab menu is always highlighted, not the contact tab.

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

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.)

You should delete this parameter from your data file and write thefollowing code
on each page before you call your data file, for example:

<script language="JavaScript1.2">

  var bselectedItem = 3;

</script>





Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.

Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.

Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.


A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:

["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
     ["|Contestants","experience_contestants.php","","","_self","2",,,],
...

> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.

You should use Individual styles, for example:

  var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];

  var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...

For submenus you should set the following parameter:

  var smWidth="150px";

> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.

You should also use Individual styles.
But you should set this parameter:

  var fontStyle="";
And then use different fonts for your items.


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