Javascript Submenu Slider by Deluxe-Menu.com
Javascript Submenu Slider

Menu Screenshots

Javascript Submenu Slider Menus Javascript Horizontal

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript submenu slider menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tree View In Dhtml Javascript Submenu Slider
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript submenu slider 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

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.

Recent Questions

Q: We are interested in using your dropdown menu code for our site but we do have a question.

When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"

A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.

  var menuWidth="500px";



Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.

1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.

I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.

A: > Is there a way to define the border image or color on an item.

You can't specify the image for border, but the color and width are fully configurable.

> 2. Is there a way to dynamically highlite an item?
Yes, please see

http://deluxe-menu.com/dynamic-functions-sample.html



Q: I downloaded the new version of dhtml menu source code copied the files over to my folder this menu was made with3.0 the files I copied over is 3.2 and now I get an error.

A: Now you have:

  var fontStyle=["nirmal 12px Trebuchet MS, Tahoma","nirmal 12px Trebuchet MS, Tahoma"];

It is not correct. You should write:

  var fontStyle=["normal 12px Trebuchet MS, Tahoma","normal 12px Trebuchet MS, Tahoma"];



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

WebSite X5 - Leggi argomento - Website X5/iPad Compatibility Problems

The image menu on top, the positioning of the slider right next to ... buttons on slide shows are all programmed using Javascript. .... showing a submenu when you hover over it or showing a submenu when you click on it

YUI Library :: Forums :: View topic - YUI MenuBar not showing submenus

<script type="text/javascript" src="js/gears_init.js"></script> ... but I cannot get the menu to populate with submenus I use two of the

Forum - Frenzoo online world and 3d chat discussion boards

Afterwards, a submenu with 3 sliding bar will appear. ... Please adjust the values of the 4 sliders until you get a satisfactory result,

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

<script type="text/javascript"> $(document).ready(function(){ ... also I don't know why the links of the submenu don't work. if I click it

Frog CMS - White Screen / Blank Screen upon editing theme file

js/jquery-1.3.1.min.js” type=“text/javascript”></script> ... <?php $this-> includeSnippet('submenu'); ?> <?php endif; ? ... CJEZOWICZ 10-27-09 SLIDER START —> <div style=“display: block; position: relative; width: 100%;

www.dhtmlgoodies.com • View topic - Big problem :(

When I click on second submenu first slide in and open menu where I actually am and ... Code: Select all: <script type="text/javascript">

[v1.6] Solve JS conflicts with RocketTheme (or other mootools

hi my front page slide show cause and error with RocketTheme ... when load a module in IE 6 or 7 don't show the submenu items while in FF it's ok! .... And disabled all mods that did any kind of javascript trickery with still no luck

help on sliding and tabbed menu [Archive] - WebDeveloper.com

Mar 31, 2010 ... [Archive] help on sliding and tabbed menu JavaScript. ... THE PURPOSE OF THIS VARIABLE IS TO STORE THE SUBMENU CURRENTLY ... THE FUNCTION HAS A SINGLE PARAMETER,NUM, INDICATING THE NUMBER OF THE SUBMENU TO SLIDE

Joomla! • View topic - The hot Transmenu 2.0 for Joomla is out!

Plus, Safari renders the slide quite poorly. The submenu box appears and then the text slides into it instead of the whole menu sliding in

RocketTheme • View topic - Adding Subtext in Other Templates

easeOut" label="Menu Animation" description="When JavaScript is enabled, .... if ($effect == 'slidefade') $effect = "slide and fade"; .... <div class="fusion- submenu-wrapper level<?php echo intval($item->level)+2; ?

QuickMenu Help [Archive] - OpenCube Community

Persistent State doesn't allow to reach the second submenu level · Drop-down validation · QuickMenu 6.0 wrapping problem · Slide up menu - bottom of page

Forum Swt Menu Background Color Template - Javascript Menu Template

javascript submenu hover Create your own button themes .... Flash Wanted / Labs / Slide flash menu The RGB color must be set in 0xNNNNNN format where N is

Print Page - superfish menu

Jun 16, 2010 ... Oh yes today everything is working fine :-D only submenu for First menu doesent. ... <script type="text/javascript" src="<?php echo TEMPLATE_DIR; ? ... the second time menu doesent even (slide) hover out

Changing submenu position - Ultimate Web Site Drop Down Menu Forum

Changing submenu position Javascript. ... the categories slide to accomodate the selected category's submenu and that submenu is displayed,

DotNetNuke Nav Menu Tutorial - Issue 47 > DotNetNuke Forum, DNN

When I go from a page in the mainmenu to a page in the submenu the first .... Superb W3C Standards XHTML Skin Pack with Java Slider Panes,

Sample code for using ConfirmButton, ModalPopup Extender and Menu

Code: JavaScript. function confirmMenuClick(e, info) { //Does nothing if the item ... Code: JavaScript. document.getElementById('<%=Button1

OpenOffice.org Forum :: How to import mp3 files as background music ?

To install or update Java, go to http://www.java.com and follow .... Can someone please explain to me why I can't get the "Slide Show > interaction. .... as to why the Slide Show > Interactions... submenu is greyed-out

IE problem with Sliding JavaScript Menu Highlight

I was delighted to find Michael's great Sliding Javascript Menu ... several people requesting a way to add a pulldown submenu system to the script. ... < body onload="menuSlider.init('menu','slide')"> (other bits in here)

How to create submenu containing BuddyPress tabs (editing

I assume that your purpose is to make the Community submenu (Activity, .... Finally some javascript that you can put in your footer for some nice effects:

how can the first level menu overlap the second level menu

Then a new slide appears(box2) having the options: Adventure,comics,art,history books etc. .... The JS code should work on this restructured HTML . ... In my structure the submenus are inside the #menu DIV

Horizontal dropdown submenu width - General - Support - Universal

I have to change it in the menu's JavaScript file? This does work, but is there another way to access the submenu width once it has been

Problem with repeatable areas in server side includes | Pagelime

In the CMS, I've also added the ssi/bathroom-submenu.shtml server side include to the site map. ... Thu, 18 Nov SlappyMancuso on "JavaScript Menu Oddity"; Wed, ... Mon, 18 Oct lspiro on "Jquery Image Slider"; Thu, 02 Sep Cookie1974 on

Mobile Web Design Pattern: Expanding List - Forum Nokia Wiki

Nov 4, 2009 ... Revealing submenu options. Revealing non-critical metadata associated with a ... In all cases where JavaScript is crucial to the interaction, ... Wiki for code samples including Expand/Collapse, Slide and Fade in/Out

YUI Library :: Forums :: View topic - Button menu with

YUILibrary - Open source JavaScript and CSS for building richly interactive software. ... false); it works to the extent that submenus do not slide out ... This will show the submenu if it exists (only off the main (ie