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

Menu Screenshots

Javascript Smart Scrollable Navbar And Pull Down Menu Tutorial

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: Is there any way to have a floating menu float in relation to the centre of the screen (not the left of the screen).  I have a centre based website. When I use the floating menu and view the site on different screen sizes, the floating menu appears in different places on the x scale. For example,  I would like it 20 percent from the edge of my centre based webpage, not 20 percent from the left of the screen.  I want the menu to appear on the same horizontal place on my webpage (which is centre based)


A: No unfortunately it is not possible to write

  var posX="50% - 20";

You should adjust your coordinates to center the menu with absoluteposition.


Q: Is it possible set a menu item to pressed when a page is loaded when you have multiple drop down menus on the page?  

I have 2 menus side by side and I was able to set the pressed item with the JavaScript API as described in your FAQs but when I try to show an item as pressed  in a second menu on the same page, the corresponding item in the first menu shows as pressed. Is there a different function that I can use for this or a way to reset the menu ID in the second menu to start from where the first menu left off so I can use the same function?

A: See the first parameter in
dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
function is index of the menu.

So, if you use several menus on the one page you should use differentmenuInd parameter.

For example you have:

<script type="text/javascript" src="menu/data1.js"></script> //menuInd=0
...
<script type="text/javascript" src="menu/data2.js"></script> //menuInd=1
...
<script type="text/javascript" src="menu/data3.js"></script> //menuInd=2
...
<script type="text/javascript" src="menu/data4.js"></script> //menuInd=3

So, for the second menu you should write:

dm_ext_setPressedItem (1, 2, 5)



Q: How do I add padding around a top item in the javascript menu buttons?

A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px// top right bottom left



Q: I'm trying to rebuild my website with as a sponsor-show in it.

When a users clicks as sponsorimage a popup needs to appear with all the sponsor details.

Till now I've been doing this by using a standard popup window that opens a page sponsondetails.aspx?id=4

The sponsor images and the sponsor-id that goes with it are loaded from a access-database.

Is it possible to use a close popup window to display this information, and if so, how can I do this?

A: Actually you can use the deluxe popup window and use Iframe as its content.

You should set your page sponsondetails.aspx?id=4 I the link field.

You can find these parameters in Deluxe Tuner in the Common section.

Try to use the trial version.
You can find more info about installation on our website:
http://deluxepopupwindow.com/