Jquery Cascading Menu by Deluxe-Menu.com
Jquery Cascading Menu

Menu Screenshots

Jquery Cascading Menu Expand Menu Style

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery cascading menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Slide Down Menus Jquery Cascading 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
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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML page linked to text.


A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add the content in HTML Content window, for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
See the attached screen.gif.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the samefolder with your index.html (root folder of your website).


Q: I can not figure out how you put the arrow that shows there's more information in the php drop down menu?
I tried and tried to figure it out where you add this .gif file?

A: You should set the following parameters in your data.js file:

  var arrowImageMain=["deluxe-menu.files/arrowmain.gif","deluxe-menu.files/arrowmaino.gif"];
//Normal and mouseover arrow images for top-level items.

  var arrowImageSub=["deluxe-menu.files/arrowsub.gif","deluxe-menu.files/arrowsubo.gif"];
// Normal and mouseover arrow images for submenu items.

You can set these parameters in Deluxe Tuner also:

Open 'Icons' section in the main window and set   var arrowImageMain and   var arrowImageSubparameters.



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

Flowplayer Forums - Playlist Plugin not Working

on the top of the page you have script includes. place jquery script .... This section helped, move the jquery script up in your list and I

RLM Forums

Use the "jQuery" forum for jQuery questions. -1, 0. jQuery. Ask your jQuery questions here. ... CSS (Cascading Style Sheets) questions

Drop Down Menu Question

I am totally lost here, but how do I create a drop down menu selection just like ... http://remysharp.com/2007/01/20/auto...g-jquery-ajax/

cascading drop down documents complete brain block - Xslt - our

... and jquery to change the source of the second <select></select> are you talking about dropdown menus or a navigation that has flyouts?

Cascade plugin - having trouble with conditional cascades - jQuery

I'm no JavaScript nor jQuery expert, so I'm hoping somebody may be ... <script type="text/javascript">; // Set up dropdown menu items for

New Community Web Development Forum - Web Development Blog

Nov 16, 2009 ... flitakEpleatt on May 13, 2010 at 2:10 am. have registered to use the forum. thanks. jquery templates on May 24, 2010 at 7:30 am

Device and feature detection on the mobile web - Forum Nokia Wiki

... and the level of support for Cascading Style Sheets (CSS), HTML and ... * Features dependent on JavaScript and related libraries such as jQuery. .... to download more menu items or to click through to a separate page

CMS Made Simple Forum: Coming Soon - CMS Made Simple 1.8

people that had little clue about the idea of 'cascading' in cascading ... Meet me at GeekMoot, I'm hosting a workshop, "jQuery, CMSMS and You" .... a "menu" and an "overlay" would be ideal to let the code clear. Wink

Congress – bbPress Forum Addon for WhiteHouse Pro : CRshare Time

... cart, cartoon characters, cartoonsmart, cascading style sheets, case scenarios, case studies ..... features archive, features menu, features of the iphone ..... joshua, journalist, journey, joyce cox, jpeg images, jquery, JReviews

question about css and seo - Webmaster Central Help

Oct 19, 2009 ... CSS = Cascading Style Sheets. It is a way to apply Styling/Presentation. ... You need to use some JS or Jquery to set the class correctly to tell ... highlighted in the menu so you don't try and click it and wonder why

jQuery Menü - Das Hilfe, HTML und Webmaster Forum

jQuery Menü Script-Archiv. ... Um nun das Menü zu konfigureiren, muss VOR den einbindungs-Tag für menu.js ... jquery slideviewer einbinden, mxxxx, HTML, XHTML & CSS (Cascading Style Sheets) Forum, 2, 13.08.2009 01:01

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

I possible, I would suggest upgrading jquery, however, ... finally i resolved my prob using in css style this: #menu ul li.section-title {

Adding a delay to a cascading menu mouseout - jQuery Forum

I am working on a website that requires a cascading navigation system. I got the following code from www.dynamicdrive.com and have tweaked a

Ajax/javascript cascade dropdown menu with sticky entries

I've got a site on which I'm using a jquery cascade menu. The menu itself works well, but what I'd like is to allow a person to make a

Porting iPhone web app to WRT on Nokia devices - Forum Nokia Wiki

Aug 6, 2010 ... You get to run local HTML, JavaScript™ and Cascading Style Sheets (CSS), ... and add the shortcut on the application menu and idle screen. .... The Guarana UI Library is a jQuery-based set of customisable UI elements,

Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov

Cascading style sheet (CSS) to specify relative measurements: fonts, margins, images… .button ... S60.com");; WRT JavaScript extensions - Menu menu and MenuItem: ... XMLHttpRequest html XML text JSON; Libraries – easier approach jQuery

JQuery and Webform Viewstate - ASP - Web development

This is being done without a postback, using jquery calling a PageMethod. ... I briefly looked at Cascading Drop Down Lists,

Internet Explorer DOM readiness problem and solution explained

Almost every Browser has a method or menu option for showing the HTML "Page Source" of the .... Comparison of layout engines (Cascading Style Sheets))

Problem Highlighting Parent Menu Using Css - The Web Squeeze

I would like to have different background color for Menu 3 and Menu 3.3 I ... Cascading Style Sheets makes your website go from bland to SWEET! ... Loading jQuery is probably overkill if you're not using it for anything

Forum Swt Menu Background Color Template

I like about cascading drop down list is its small size and the fact that one can ... Java Menu Creator jquery vertical menu multi level visited

CSS workaround - Google Sites Help

Apr 25, 2009 ... Learning JQuery has so satisfying, until I tried to put my beautiful ... Is the code for my lovely new menu, but alas it looks like I might

OpenCart Community • View topic - [RELEASED] - Cascading

Is it possible to mod this sub cat menu so that Level_0 and Level_1 stay ... but maybe using JQuery to add an effect when droping down for

Killersites.com Forum - List of threads

Forum: CSS - Styling your pages with Cascading Style Sheets. .... New JQuery Video Tutorial Course Hi, I'm not one to promote our stuff regularly,

dropdown mouse enter/exit IE7 problem - WebDeveloper.com

CSS Discussion and technical support relating to Cascading Style Sheets. ... I hover over the menu and it shows up (over the H1) so far everything ... its only IE7 & I'm using jQuery to detect mouse enter/leave events