Template:

Dell Style Template - Horizontal Dhtml Menu

    - Several menus on one page
    - Status string shows item labels
    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation
    - UL/LI items structure
    - Sound support!
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Easy Setup

De Luxe Tuner. GUI interface to create your fsmenu shadow menus easily and in no time
Sensible menu parameters for manual editing

Javascript Menubar Submenu Fsmenu Shadow

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed fsmenu shadow samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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!

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: Is the menu floatable?
I try the setting "float" but no change

A: You can't see floatable or movable effect in Deluxe Tuner preview.
But when your install your menu into the .html page it'll work fine.

Notice, when you use floatable menu you can't use relative menu position.
So, if you use

var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.

Q: I am interested in purchasing your product for use in my company's website code. My clients are not tech-savy, and I do not want to include any code that will generate concern or problems on the user end.

Is there a way to use the JavaScript menus without generating the warning as mentioned in the subject? I know how to allow the active content on my web browser, but I want code that will not require such actions on their browsers.

A: Thanks for your interest in our products.
Your clients should check browser settings.
Unfortunately, we can't affect on the browser behavior in this case.

Q: I’d like to know how to populate the navigation bar menu from a database?

A: Please, see the example of .php file.The content of .php file depends on your database structure.

<?php

// The example for PHP/MySQL.
// MySQL database has the table "menuTable" that contains data for menu items.
// The table has the following fields:
// 1. "text" - item text
// 2. "link" - item link
// 3. "icon1" - item icon (normal state)
// 4. "icon2" - item icon (mouseover state)
function getMenuItems()
{
$jsItems = '';

// Select all records from table "menuTable"
$allItems = mysql_query('SELECT * FROM menuTable;');

// Extract items data from database and build Javascript code for menuItems
while ($itemData=mysql_fetch_array($allItems))
{
$jsItems .= '["'.$itemData['text'].'", "'.$itemData['link'].'", "'.$itemData['icon1'].'", "'.$itemData['icon2'].'"],';
}

// Return Javascript code
return $jsItems;
}

?>

<script>
  var menuParam1 = value1;
  var menuParam2 = value2;
  var menuParam2 = value2;
...

  var menuItems = [

// Write Javascript code for menu items
echo getMenuItems();

?>

];
</script>

Q: As a follow up, please could you take a look at the attached images and let us know if there are any settings within the javascript drop menu files set within the previous mail that would make the 1st sub menu indent a couple of pixels when the 2nd sub menu sits correctly.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

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