Template:

iPhone 20 Template - Mouseover CSS Menu

    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow
    - Items with icons
    - Image arrows
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - UL/LI items structure

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

Instructions Drop Menus Sliding Submenus

Professional Look-n-feel

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

Easy Setup

De Luxe Tuner. GUI interface to create your sliding submenus 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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

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: Can I change some of the properties of a browser popup window after it has been created/opened?

A: You can use deluxePopupWindow.open() function to open your popup:

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Find more info:
http://deluxepopupwindow.com/window-installation-info.html

Call this function once again with new parameters when you want to reload the window (usethe same winID).

Q: I have used your Deluxe-menu on my websit. With the browser Opera I have problems with the dhtml scrolling menu item-color. If I select the menu at the first time, the item color is black. After select a menu item the menu item color is #f0e4cc, this is correct. After re-select the menu the item color is #f0e4cc also. After browser re-start the menu item color is black :-(

A: See it is not correctly to write colors in the following way (without # symbol):
var fontColor=["f0e4cc","f0e4cc"];

You should write:
var fontColor=["#f0e4cc","#f0e4cc"];

Your menu will work correctly in all browsers in that case.

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!

A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Changing submenu position - Ultimate Web Site Drop Down Menu Forum

When a category is clicked, the categories slide to accomodate the selected category's submenu and that submenu is displayed,

D4M TransMenu v1.2 - Mambo - Forums Closed for posting

D4M TransMenu module allows to integrate to your Mambo/Joomla website the navigation system with smooth sliding submenus

RocketTheme • View topic - Adapting RokNavMenu

How would I keep the fusion menu's CSS look and feel, but remove the animation sliding effect from the menus and submenus as they

Forum Swt Menu Background Color Template

Choose any color for backgrounds of submenus and items. .... Flash Wanted / Labs / Slide flash menu The RGB color must be set in 0xNNNNNN format where N is

Problem with script to slide left a <li> item from a menu and

any help would really be apreciated. and if you know another way to have the same result (<li> sliding to right and submenu appearing) would

[Mod] Horizontal Home Menu + Sub Menus - Page 3 - XBMC Community Forum

Page 3-[Mod] Horizontal Home Menu + Sub Menus Confluence. ... and weathertab is sliding in at the right top

Software Marketing Resource Forum • View topic - Likno Software

Jul 8, 2009 ... Fixed issue where the Sticky Submenus option didn't work properly with sliding submenus. - Bug fixes of previous version. General Features:

Joomla! • View topic - drop down menu?

Description : D4M TransMenu module allows to integrate to your Mambo/Joomla website the navigation system with smooth sliding submenus

Archived CMSimple Support Forum • View topic - A CSS driven

The Sliding Door Technique has only been built into the H1 menu. The submenus follow the normal drop down menus, since it looks weird if

Fancy Html Forum Template

Create both horizontal and vertical menus and submenus with any amount of menus on one page. ... When the submenu is bigger than the visible page area,

Spry [Archive] - Dreamweaver Club Forums

Spry buttons with sub menus not aligned in IE · Linking to a specific SLIDING panel · Problem about align submenu for SPRY menu bar · Gradient Spry

IE problem with Sliding JavaScript Menu Highlight

I was delighted to find Michael's great Sliding Javascript Menu ... people requesting a way to add a pulldown submenu system to the script

WACOM INTUOS 4: Part II - In depth analysis - CGPAD.ORG - We grow

MICROUSB X2 and SLIDER SELECTOR (Default Right Underside. .... To keep you shortcuts clear and uncluttered, for each submenu,

CMS Made Simple Forum: Idea Arts - finally CMSMS driven

The submenu on the page "Leistungen" takes a while to see that it is .... Been wondering about those sliding things for a while now,

Top 71 CSS Menus

Here are a few more: CSS Tabs with SubMenus · CSS Driven Tabs · CSS Tabs 2.0 · Light Weight Low Tech CSS TabsCSS Driven Tabs · Pure CSS Tabs

drop down sub menue bar disappears when I try to slide down

The menus came up beautifully - when I tried to slide down to click on the submenues the ... I guess I mean the submenu disappers... link:

xda-developers - View Single Post - [Manila][12-Nov-2010] Co0kie's

Sep 26, 2010... always visible on white submenus (related to retractable slider) .... LockSlidingEnabled (bool) (1) - enable slide to activate on the

UDM won't display submenus - Ultimate Web Site Drop Down Menu Forum

One of the more frequently asked questions I receive about the UDM menu is often about the menu not properly expanding submenus

Compal Jax10 - Pocketables Forum

Sliders & Clamshells Intel MIDs with sliding displays or clamshell designs and QWERTY ... In my case, submenu 8 was the "Tools" submenu

[RELEASE] Rapier 3.06 - XBMC Community Forum

home: new option to customize the category sub menus * home: removed sliding focus animation from sub menus

Sliding Menu - hide menu item based on Session variable

I have a series of menu/submenu/submenu items...trying to figure out how ... in design view and change the ID of the slide menu to something

Submenu Not Displaying Correctly in IE8 -- Slide Animation

Hi -- I recently noticed that in IE8 our slide menu is not displaying correctly. Below is a link to view:

HOTSlider displays over my menu's sliding submenus

Hi, im using a customized JA_Purity template version, and i've installed HOT Image slider; but i use the Jamoo Menu, with sliding submenu items and stuff

[SOLVED] How to get image in menu, but color in submenu's

[SOLVED] How to get image in menu, but color in submenu's Page ... [How To] Replacing the Atahualpa header image with a 'sliding door' image